{"id":10,"date":"2026-06-21T23:18:07","date_gmt":"2026-06-21T21:18:07","guid":{"rendered":"https:\/\/all-ci.com\/bafiaenfete\/?page_id=10"},"modified":"2026-06-24T15:04:30","modified_gmt":"2026-06-24T13:04:30","slug":"accueil-2","status":"publish","type":"page","link":"https:\/\/all-ci.com\/bafiaenfete\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-596dc01 e-con e-atomic-element e-flexbox-base e-69153bd \" data-id=\"596dc01\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"596dc01\">\n    \t\t<div class=\"elementor-element elementor-element-c3e8ce9 elementor-widget elementor-widget-html\" data-id=\"c3e8ce9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  WIDGET HTML ELEMENTOR \u2014 Bafia en f\u00eate \u00b7 Navigation flottante\r\n  ============================================================\r\n  \u2192 Pr\u00e9fixe BEM  : .bef-nav-\r\n  \u2192 Style        : glassmorphism pill flottante (position fixed)\r\n  \u2192 Polices      : Playfair Display (logo) + DM Sans (liens)\r\n  \u2192 Placement    : PREMIER widget sur la page, section r\u00e9gl\u00e9e sur\r\n                   Largeur pleine \/ Padding 0 \/ Z-index 300\r\n  \u2192 Liens        : scroll ancres vers #festival, #experience, etc.\r\n  \u2192 Langue       : toggle FR\/EN cosm\u00e9tique (activer via WPML\/TP si besoin)\r\n  \u2192 Bouton CTA   : \"Dossier Sponsor\" \u2192 scroll vers #sponsoring\r\n                   (ou remplacer href par une URL de t\u00e9l\u00e9chargement PDF)\r\n  \u2192 Mobile       : hamburger + overlay plein \u00e9cran\r\n  \u2192 Spacer       : 88 px inject\u00e9 automatiquement pour compenser le fixed\r\n  ============================================================\r\n-->\r\n\r\n<!-- \u2460 Polices -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@900&family=DM+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* \u2500\u2500 Reset interne \u2500\u2500 *\/\r\n  .bef-nav-wrap *, .bef-nav-mobile * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Conteneur positionn\u00e9 \u2500\u2500 *\/\r\n  .bef-nav-wrap {\r\n    position: fixed;\r\n    top: 14px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: min(calc(100vw - 28px), 1280px);\r\n    z-index: 300;\r\n  }\r\n\r\n  \/* \u2500\u2500 Pill glassmorphism \u2500\u2500 *\/\r\n  .bef-nav {\r\n    width: 100%;\r\n    height: 60px;\r\n    border-radius: 22px;\r\n    backdrop-filter: blur(32px) saturate(200%);\r\n    -webkit-backdrop-filter: blur(32px) saturate(200%);\r\n    background: rgba(14, 20, 50, 0.52);\r\n    border: 1px solid rgba(255,255,255,0.13);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,0.12),\r\n      0 8px 32px rgba(0,0,0,0.28);\r\n    transition: background 0.4s, box-shadow 0.4s;\r\n    overflow: visible;\r\n  }\r\n\r\n  .bef-nav__inner {\r\n    position: relative;\r\n    height: 100%;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  \/* \u2500\u2500 Logo \u2500\u2500 *\/\r\n  .bef-nav__logo {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: 1.15rem;\r\n    color: #e8b84b;\r\n    text-decoration: none;\r\n    letter-spacing: 0.04em;\r\n    white-space: nowrap;\r\n    flex-shrink: 0;\r\n    z-index: 1;\r\n    transition: opacity 0.2s;\r\n  }\r\n  .bef-nav__logo:hover { opacity: 0.85; text-decoration: none; }\r\n  .bef-nav__logo span  { color: #ffffff; }\r\n\r\n  \/* \u2500\u2500 Liens centr\u00e9s \u2500\u2500 *\/\r\n  .bef-nav__links {\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 2px;\r\n  }\r\n  .bef-nav__link {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.72rem;\r\n    font-weight: 600;\r\n    color: rgba(255,255,255,0.82);\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.09em;\r\n    padding: 6px 11px;\r\n    border-radius: 10px;\r\n    white-space: nowrap;\r\n    background: transparent;\r\n    transition: color 0.2s, background 0.2s;\r\n  }\r\n  .bef-nav__link:hover {\r\n    color: #ffffff;\r\n    background: rgba(255,255,255,0.08);\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Droite : langue + CTA \u2500\u2500 *\/\r\n  .bef-nav__right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex-shrink: 0;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Toggle langue *\/\r\n  .bef-nav__lang {\r\n    display: flex;\r\n    align-items: center;\r\n    background: rgba(255,255,255,0.09);\r\n    border-radius: 12px;\r\n    padding: 3px;\r\n    border: 1px solid rgba(255,255,255,0.14);\r\n    flex-shrink: 0;\r\n  }\r\n  .bef-nav__lang-btn {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.68rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n    padding: 5px 13px;\r\n    border-radius: 9px;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: background 0.25s, color 0.25s;\r\n    line-height: 1;\r\n  }\r\n  .bef-nav__lang-btn--active {\r\n    background: linear-gradient(135deg, #e8b84b 0%, #c9973a 100%);\r\n    color: #111111;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 2px 8px rgba(201,151,58,0.35);\r\n  }\r\n  .bef-nav__lang-btn--inactive {\r\n    background: transparent;\r\n    color: rgba(255,255,255,0.65);\r\n    box-shadow: none;\r\n  }\r\n\r\n  \/* Bouton CTA Sponsor *\/\r\n  .bef-nav__cta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    background: linear-gradient(135deg, #c9973a 0%, #e8b84b 100%);\r\n    color: #111111;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.71rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n    padding: 9px 18px;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n    flex-shrink: 0;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 4px 16px rgba(201,151,58,0.35);\r\n    transition: opacity 0.2s, transform 0.2s;\r\n    line-height: 1;\r\n  }\r\n  .bef-nav__cta:hover {\r\n    opacity: 0.9;\r\n    transform: translateY(-1px);\r\n    color: #111111;\r\n    text-decoration: none;\r\n  }\r\n  .bef-nav__cta svg { stroke: currentColor; flex-shrink: 0; }\r\n\r\n  \/* \u2500\u2500 Hamburger (mobile) \u2500\u2500 *\/\r\n  .bef-nav__hamburger {\r\n    display: none;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 4px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1;\r\n  }\r\n  .bef-nav__hamburger svg { stroke: #e8b84b; display: block; }\r\n\r\n  \/* \u2500\u2500 Overlay mobile \u2500\u2500 *\/\r\n  .bef-nav-mobile {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 299;\r\n    background: rgba(10, 15, 40, 0.97);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  .bef-nav-mobile.bef-open {\r\n    opacity: 1;\r\n    pointer-events: all;\r\n  }\r\n  .bef-nav-mobile__link {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: 2rem;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    letter-spacing: -0.01em;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: color 0.2s;\r\n  }\r\n  .bef-nav-mobile.bef-open .bef-nav-mobile__link {\r\n    animation: befMobileIn 0.4s ease forwards;\r\n  }\r\n  .bef-nav-mobile__link:hover { color: #e8b84b; text-decoration: none; }\r\n\r\n  .bef-nav-mobile__cta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    background: linear-gradient(135deg, #c9973a 0%, #e8b84b 100%);\r\n    color: #111111;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n    padding: 14px 36px;\r\n    border-radius: 16px;\r\n    text-decoration: none;\r\n    margin-top: 12px;\r\n    opacity: 0;\r\n    animation: none;\r\n  }\r\n  .bef-nav-mobile.bef-open .bef-nav-mobile__cta {\r\n    animation: befMobileIn 0.4s ease 0.48s forwards;\r\n  }\r\n  .bef-nav-mobile__cta:hover { color: #111111; text-decoration: none; }\r\n\r\n  @keyframes befMobileIn {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* \u2500\u2500 Spacer \u2500\u2500 *\/\r\n  #bef-nav-spacer { height: 88px; width: 100%; }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 860px) {\r\n    .bef-nav__links,\r\n    .bef-nav__right      { display: none !important; }\r\n    .bef-nav__hamburger  { display: flex !important; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Mouvement r\u00e9duit \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-nav-mobile__link,\r\n    .bef-nav-mobile__cta {\r\n      animation: none !important;\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2461 Navbar flottante -->\r\n<div class=\"bef-nav-wrap\">\r\n  <nav class=\"bef-nav\" aria-label=\"Navigation principale\">\r\n    <div class=\"bef-nav__inner\">\r\n\r\n      <!-- Logo -->\r\n      <a href=\"#\" class=\"bef-nav__logo\" id=\"bef-logo\" aria-label=\"Retour en haut\">\r\n        BAFIA <span>en f\u00eate<\/span>\r\n      <\/a>\r\n\r\n      <!-- Liens centr\u00e9s -->\r\n      <div class=\"bef-nav__links\" role=\"list\">\r\n        <a role=\"listitem\" class=\"bef-nav__link\" href=\"#festival\"   onclick=\"befGo(event,'#festival')\">Le Festival<\/a>\r\n        <a role=\"listitem\" class=\"bef-nav__link\" href=\"#experience\" onclick=\"befGo(event,'#experience')\">L'Exp\u00e9rience<\/a>\r\n        <a role=\"listitem\" class=\"bef-nav__link\" href=\"#about\"      onclick=\"befGo(event,'#about')\">\u00c0 Propos<\/a>\r\n        <a role=\"listitem\" class=\"bef-nav__link\" href=\"#visibilite\" onclick=\"befGo(event,'#visibilite')\">Visibilit\u00e9<\/a>\r\n        <a role=\"listitem\" class=\"bef-nav__link\" href=\"#sponsoring\" onclick=\"befGo(event,'#sponsoring')\">Sponsoring<\/a>\r\n        <a role=\"listitem\" class=\"bef-nav__link\" href=\"#contact\"    onclick=\"befGo(event,'#contact')\">Contact<\/a>\r\n      <\/div>\r\n\r\n      <!-- Droite -->\r\n      <div class=\"bef-nav__right\">\r\n\r\n        \r\n\r\n        <!-- CTA Dossier Sponsor -->\r\n        <a class=\"bef-nav__cta\"\r\n           href=\"#sponsoring\"\r\n           onclick=\"befGo(event,'#sponsoring')\"\r\n           aria-label=\"T\u00e9l\u00e9charger le dossier sponsor\">\r\n          <!-- Lucide Download -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"\r\n               fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n            <polyline points=\"7 10 12 15 17 10\"\/>\r\n            <line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/>\r\n          <\/svg>\r\n          Dossier Sponsor\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <!-- Hamburger -->\r\n      <button class=\"bef-nav__hamburger\" id=\"bef-hamburger\"\r\n              type=\"button\" aria-label=\"Ouvrir le menu\" aria-expanded=\"false\">\r\n        <svg id=\"bef-ico-menu\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n             stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"6\"  x2=\"21\" y2=\"6\"\/>\r\n          <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\r\n          <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/>\r\n        <\/svg>\r\n        <svg id=\"bef-ico-close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n             stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n             style=\"display:none;\">\r\n          <line x1=\"18\" y1=\"6\" x2=\"6\"  y2=\"18\"\/>\r\n          <line x1=\"6\"  y1=\"6\" x2=\"18\" y2=\"18\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/nav>\r\n<\/div>\r\n\r\n<!-- \u2462 Spacer compensatoire -->\r\n<div id=\"bef-nav-spacer\" aria-hidden=\"true\"><\/div>\r\n\r\n<!-- \u2463 Overlay menu mobile -->\r\n<div id=\"bef-mobile-menu\" class=\"bef-nav-mobile\" role=\"dialog\" aria-label=\"Menu mobile\" aria-modal=\"true\">\r\n  <a class=\"bef-nav-mobile__link\" style=\"animation-delay:0.00s\" href=\"#festival\"   onclick=\"befMobileGo(event,'#festival')\">Le Festival<\/a>\r\n  <a class=\"bef-nav-mobile__link\" style=\"animation-delay:0.08s\" href=\"#experience\" onclick=\"befMobileGo(event,'#experience')\">L'Exp\u00e9rience<\/a>\r\n  <a class=\"bef-nav-mobile__link\" style=\"animation-delay:0.16s\" href=\"#about\"      onclick=\"befMobileGo(event,'#about')\">\u00c0 Propos<\/a>\r\n  <a class=\"bef-nav-mobile__link\" style=\"animation-delay:0.24s\" href=\"#visibilite\" onclick=\"befMobileGo(event,'#visibilite')\">Visibilit\u00e9<\/a>\r\n  <a class=\"bef-nav-mobile__link\" style=\"animation-delay:0.32s\" href=\"#sponsoring\" onclick=\"befMobileGo(event,'#sponsoring')\">Sponsoring<\/a>\r\n  <a class=\"bef-nav-mobile__link\" style=\"animation-delay:0.40s\" href=\"#contact\"    onclick=\"befMobileGo(event,'#contact')\">Contact<\/a>\r\n  <a class=\"bef-nav-mobile__cta\"  href=\"#sponsoring\" onclick=\"befMobileGo(event,'#sponsoring')\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"\r\n         fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n         stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n      <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n      <polyline points=\"7 10 12 15 17 10\"\/>\r\n      <line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/>\r\n    <\/svg>\r\n    Dossier Sponsor\r\n  <\/a>\r\n<\/div>\r\n\r\n<!-- \u2464 JavaScript -->\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var hamburger  = document.getElementById('bef-hamburger');\r\n  var mobileMenu = document.getElementById('bef-mobile-menu');\r\n  var icoMenu    = document.getElementById('bef-ico-menu');\r\n  var icoClose   = document.getElementById('bef-ico-close');\r\n  var logo       = document.getElementById('bef-logo');\r\n  var langFR     = document.getElementById('bef-lang-fr');\r\n  var langEN     = document.getElementById('bef-lang-en');\r\n  var menuOpen   = false;\r\n\r\n  \/* \u2500\u2500 Smooth scroll (desktop) \u2500\u2500 *\/\r\n  window.befGo = function (e, href) {\r\n    e.preventDefault();\r\n    var target = document.querySelector(href);\r\n    if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n  };\r\n\r\n  \/* \u2500\u2500 Logo \u2192 retour en haut \u2500\u2500 *\/\r\n  if (logo) {\r\n    logo.addEventListener('click', function (e) {\r\n      e.preventDefault();\r\n      window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500 Hamburger : open\/close \u2500\u2500 *\/\r\n  function befOpenMenu() {\r\n    menuOpen = true;\r\n    mobileMenu.classList.add('bef-open');\r\n    hamburger.setAttribute('aria-expanded', 'true');\r\n    icoMenu.style.display  = 'none';\r\n    icoClose.style.display = 'block';\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n  function befCloseMenu() {\r\n    menuOpen = false;\r\n    mobileMenu.classList.remove('bef-open');\r\n    hamburger.setAttribute('aria-expanded', 'false');\r\n    icoMenu.style.display  = 'block';\r\n    icoClose.style.display = 'none';\r\n    document.body.style.overflow = '';\r\n  }\r\n  if (hamburger) {\r\n    hamburger.addEventListener('click', function () {\r\n      menuOpen ? befCloseMenu() : befOpenMenu();\r\n    });\r\n  }\r\n  document.addEventListener('keydown', function (e) {\r\n    if (e.key === 'Escape' && menuOpen) befCloseMenu();\r\n  });\r\n\r\n  \/* \u2500\u2500 Scroll mobile \u2500\u2500 *\/\r\n  window.befMobileGo = function (e, href) {\r\n    e.preventDefault();\r\n    befCloseMenu();\r\n    setTimeout(function () {\r\n      var target = document.querySelector(href);\r\n      if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }, 300);\r\n  };\r\n\r\n  \/* \u2500\u2500 Toggle langue (cosm\u00e9tique) \u2500\u2500 *\/\r\n  function befSetLang(lang) {\r\n    if (!langFR || !langEN) return;\r\n    if (lang === 'FR') {\r\n      langFR.className = 'bef-nav__lang-btn bef-nav__lang-btn--active';\r\n      langFR.setAttribute('aria-pressed', 'true');\r\n      langEN.className = 'bef-nav__lang-btn bef-nav__lang-btn--inactive';\r\n      langEN.setAttribute('aria-pressed', 'false');\r\n    } else {\r\n      langEN.className = 'bef-nav__lang-btn bef-nav__lang-btn--active';\r\n      langEN.setAttribute('aria-pressed', 'true');\r\n      langFR.className = 'bef-nav__lang-btn bef-nav__lang-btn--inactive';\r\n      langFR.setAttribute('aria-pressed', 'false');\r\n    }\r\n    \/*\r\n      Pour brancher WPML :\r\n        window.location.href = lang === 'EN'\r\n          ? window.location.href.replace('\/fr\/', '\/en\/')\r\n          : window.location.href.replace('\/en\/', '\/fr\/');\r\n    *\/\r\n  }\r\n  if (langFR) langFR.addEventListener('click', function () { befSetLang('FR'); });\r\n  if (langEN) langEN.addEventListener('click', function () { befSetLang('EN'); });\r\n\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2650921 e-con e-atomic-element e-flexbox-base e-17fb2e0 \" data-id=\"2650921\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2650921\">\n    \t\t<div class=\"elementor-element elementor-element-e780a51 elementor-widget elementor-widget-html\" data-id=\"e780a51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2460 Polices -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dancing+Script:wght@600&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .bef-hero * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .bef-hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  .bef-hero__bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    background-image: url('https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/Blue_Orange_Modern_Event_Organizer_Presentation.9659131a-scaled.jpg');\r\n  }\r\n\r\n  .bef-hero__overlay-grad {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      160deg,\r\n      rgba(10,16,45,0.88) 0%,\r\n      rgba(27,45,95,0.75) 50%,\r\n      rgba(10,16,45,0.92) 100%\r\n    );\r\n  }\r\n\r\n  .bef-hero__overlay-glow {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(80% 60% at 50% 40%, rgba(232,184,75,0.08) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bef-hero__overlay-texture {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='80' height='80'%3E%3Cellipse cx='20' cy='20' rx='8' ry='5' fill='%23000' opacity='0.04'\/%3E%3Cellipse cx='60' cy='50' rx='10' ry='6' fill='%23000' opacity='0.03'\/%3E%3Cellipse cx='40' cy='70' rx='6' ry='4' fill='%23000' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n    background-repeat: repeat;\r\n    opacity: 0.7;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bef-hero__nav-spacer {\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 88px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .bef-hero__content {\r\n    position: relative;\r\n    z-index: 2;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    padding: 48px 24px 40px;\r\n    gap: 28px;\r\n  }\r\n\r\n  .bef-hero__logo-wrap { display: block; }\r\n  .bef-hero__logo {\r\n    max-width: 420px;\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    filter: drop-shadow(0px 12px 40px rgba(201,151,58,0.5));\r\n  }\r\n\r\n  .bef-hero__subtitle {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 1.1rem;\r\n    font-weight: 400;\r\n    color: rgba(255,255,255,0.88);\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    margin-top: -12px;\r\n  }\r\n\r\n  .bef-hero__pills {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    justify-content: center;\r\n  }\r\n  .bef-hero__pill-gold {\r\n    background: linear-gradient(135deg, #c9973a 0%, #e8b84b 100%);\r\n    color: #111111;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.83rem;\r\n    padding: 9px 22px;\r\n    border-radius: 999px;\r\n    letter-spacing: 0.04em;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 4px 20px rgba(201,151,58,0.4);\r\n    display: inline-block;\r\n  }\r\n  .bef-hero__pill-glass {\r\n    backdrop-filter: blur(16px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n    background: rgba(255,255,255,0.12);\r\n    color: #ffffff;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.83rem;\r\n    padding: 9px 22px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.22);\r\n    letter-spacing: 0.04em;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);\r\n    display: inline-block;\r\n  }\r\n\r\n  .bef-hero__ctas {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    justify-content: center;\r\n  }\r\n  .bef-hero__btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    background: linear-gradient(135deg, #c9973a 0%, #e8b84b 100%);\r\n    color: #111111;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n    padding: 14px 30px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);\r\n    animation: befPulseGlow 2.4s ease infinite;\r\n    cursor: pointer;\r\n  }\r\n  .bef-hero__btn-primary:hover { opacity: 0.9; text-decoration: none; color: #111111; }\r\n  .bef-hero__btn-primary svg  { stroke: currentColor; flex-shrink: 0; }\r\n\r\n  .bef-hero__btn-ghost {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    backdrop-filter: blur(16px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n    background: rgba(255,255,255,0.10);\r\n    color: #ffffff;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n    padding: 14px 30px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.28);\r\n    text-decoration: none;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);\r\n    transition: background 0.2s;\r\n  }\r\n  .bef-hero__btn-ghost:hover {\r\n    background: rgba(255,255,255,0.16);\r\n    text-decoration: none;\r\n    color: #ffffff;\r\n  }\r\n  .bef-hero__btn-ghost svg { stroke: currentColor; flex-shrink: 0; }\r\n\r\n  @keyframes befPulseGlow {\r\n    0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 4px 16px rgba(201,151,58,0.35); }\r\n    50%       { box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 8px 40px rgba(201,151,58,0.65); }\r\n  }\r\n\r\n  .bef-hero__countdown-wrap { width: 100%; }\r\n  .bef-hero__countdown-label {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 2rem;\r\n    color: #e8b84b;\r\n    margin-bottom: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.04em;\r\n  }\r\n  .bef-hero__countdown {\r\n    display: flex;\r\n    gap: 12px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n  .bef-hero__unit {\r\n    backdrop-filter: blur(24px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(24px) saturate(180%);\r\n    background: rgba(255,255,255,0.10);\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    border-radius: 18px;\r\n    padding: 14px 20px;\r\n    min-width: 80px;\r\n    text-align: center;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 8px 32px rgba(0,0,0,0.25);\r\n    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n  .bef-hero__unit:hover { transform: translateY(-3px) scale(1.04); }\r\n\r\n  .bef-hero__unit-num {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 2.4rem;\r\n    font-weight: 700;\r\n    color: #e8b84b;\r\n    line-height: 1;\r\n    text-shadow: 0 0 20px rgba(232,184,75,0.5);\r\n    display: block;\r\n  }\r\n  .bef-hero__unit-label {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.62rem;\r\n    font-weight: 600;\r\n    color: rgba(255,255,255,0.70);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    margin-top: 5px;\r\n    display: block;\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive mobile \u2014 CORRIG\u00c9 \u2500\u2500 *\/\r\n  @media (max-width: 600px) {\r\n    .bef-hero__content {\r\n      padding-bottom: 60px;\r\n    }\r\n    .bef-hero__countdown {\r\n      gap: 8px;\r\n      flex-wrap: nowrap;\r\n    }\r\n    .bef-hero__unit {\r\n      min-width: 0;\r\n      flex: 1;\r\n      padding: 10px 6px;\r\n    }\r\n    .bef-hero__unit-num {\r\n      font-size: 1.6rem;\r\n    }\r\n    .bef-hero__unit-label {\r\n      font-size: 0.55rem;\r\n      letter-spacing: 0.08em;\r\n    }\r\n    .bef-hero__countdown-label { font-size: 1.5rem; }\r\n    .bef-hero__logo      { max-width: 280px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-hero__btn-primary { animation: none; }\r\n    .bef-hero__unit        { transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hero\" class=\"bef-hero\" aria-label=\"Bafia en f\u00eate \u2014 Festival Culturel &amp; Artistique\">\r\n\r\n  <div class=\"bef-hero__bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-hero__overlay-grad\"    aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-hero__overlay-glow\"    aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-hero__overlay-texture\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-hero__nav-spacer\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-hero__content\">\r\n\r\n    <div class=\"bef-hero__logo-wrap\">\r\n      <img class=\"bef-hero__logo\"\r\n           \r\n           alt=\"BAFIA en f\u00eate \u2014 Festival Culturel &amp; Artistique\"\r\n           width=\"420\" height=\"auto\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/LOGO-SITE-2-1-e1782142688497.png\">\r\n    <\/div>\r\n\r\n    <p class=\"bef-hero__subtitle\">Festival Culturel &amp; Artistique<\/p>\r\n\r\n    <div class=\"bef-hero__pills\">\r\n      <span class=\"bef-hero__pill-gold\">22 D\u00e9cembre 2026 \u2013 02 Janvier 2027<\/span>\r\n      <span class=\"bef-hero__pill-glass\">Stade Municipal de Bafia<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"bef-hero__ctas\">\r\n      <a class=\"bef-hero__btn-ghost\" href=\"#festival\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"\r\n             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n             stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n          <path d=\"m6 9 6 6 6-6\"\/>\r\n        <\/svg>\r\n        D\u00e9couvrir le Festival\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"bef-hero__countdown-wrap\">\r\n      <p class=\"bef-hero__countdown-label\">Le festival commence dans\u2026<\/p>\r\n      <div class=\"bef-hero__countdown\" id=\"bef-countdown\" aria-live=\"polite\" aria-label=\"Compte \u00e0 rebours avant le festival\">\r\n        <div class=\"bef-hero__unit\">\r\n          <span class=\"bef-hero__unit-num\"  id=\"bef-days\">--<\/span>\r\n          <span class=\"bef-hero__unit-label\">Jours<\/span>\r\n        <\/div>\r\n        <div class=\"bef-hero__unit\">\r\n          <span class=\"bef-hero__unit-num\"  id=\"bef-hours\">--<\/span>\r\n          <span class=\"bef-hero__unit-label\">Heures<\/span>\r\n        <\/div>\r\n        <div class=\"bef-hero__unit\">\r\n          <span class=\"bef-hero__unit-num\"  id=\"bef-minutes\">--<\/span>\r\n          <span class=\"bef-hero__unit-label\">Minutes<\/span>\r\n        <\/div>\r\n        <div class=\"bef-hero__unit\">\r\n          <span class=\"bef-hero__unit-num\"  id=\"bef-seconds\">--<\/span>\r\n          <span class=\"bef-hero__unit-label\">Secondes<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var TARGET = new Date('2026-12-22T00:00:00').getTime();\r\n\r\n  var elDays    = document.getElementById('bef-days');\r\n  var elHours   = document.getElementById('bef-hours');\r\n  var elMinutes = document.getElementById('bef-minutes');\r\n  var elSeconds = document.getElementById('bef-seconds');\r\n\r\n  function pad(n) { return n < 10 ? '0' + n : String(n); }\r\n\r\n  function tick() {\r\n    var now  = Date.now();\r\n    var diff = TARGET - now;\r\n    if (diff <= 0) {\r\n      if (elDays)    elDays.textContent    = '00';\r\n      if (elHours)   elHours.textContent   = '00';\r\n      if (elMinutes) elMinutes.textContent = '00';\r\n      if (elSeconds) elSeconds.textContent = '00';\r\n      return;\r\n    }\r\n    var days    = Math.floor(diff \/ 86400000);\r\n    var hours   = Math.floor((diff % 86400000) \/ 3600000);\r\n    var minutes = Math.floor((diff % 3600000)  \/ 60000);\r\n    var seconds = Math.floor((diff % 60000)    \/ 1000);\r\n    if (elDays)    elDays.textContent    = String(days);\r\n    if (elHours)   elHours.textContent   = pad(hours);\r\n    if (elMinutes) elMinutes.textContent = pad(minutes);\r\n    if (elSeconds) elSeconds.textContent = pad(seconds);\r\n  }\r\n\r\n  tick();\r\n  setInterval(tick, 1000);\r\n\r\n  if (!window.befGo) {\r\n    window.befGo = function (e, href) {\r\n      if (e) e.preventDefault();\r\n      var target = document.querySelector(href);\r\n      if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    };\r\n  }\r\n\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-900f84d e-con e-atomic-element e-flexbox-base e-844f57b \" data-id=\"900f84d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"900f84d\">\n    \t\t<div class=\"elementor-element elementor-element-c8ce582 elementor-widget elementor-widget-menu-anchor\" data-id=\"c8ce582\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"festival\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2b5e1c elementor-widget elementor-widget-html\" data-id=\"b2b5e1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  WIDGET HTML ELEMENTOR \u2014 Bafia en f\u00eate \u00b7 Festival\r\n  ============================================================\r\n  \u2192 Pr\u00e9fixe BEM  : .bef-fest-\r\n  \u2192 Fond         : #faf6ef (beige chaud)\r\n  \u2192 D\u00e9cos        : lueur radiale or + texture triangles SVG\r\n  \u2192 Grille 2 col : image + texte (\u2192 1 col mobile)\r\n  \u2192 Grille 3 col : cartes info avec bord gauche dor\u00e9 (\u2192 1 col mobile)\r\n  \u2192 Image        : remplacer src=\"festival-photo.jpg\" par URL WP\r\n  \u2192 Hover image  : zoom doux au survol\r\n  \u2192 Animations   : fade-up \u00e0 l'entr\u00e9e (IntersectionObserver)\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n  .bef-fest * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  \/* \u2500\u2500 Section \u2500\u2500 *\/\r\n  .bef-fest {\r\n    background-color: #faf6ef;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500 D\u00e9co : lueur radiale \u2500\u2500 *\/\r\n  .bef-fest__glow {\r\n    position: absolute;\r\n    top: 10%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 700px;\r\n    height: 400px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(rgba(201,151,58,0.07) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 D\u00e9co : texture triangles \u2500\u2500 *\/\r\n  .bef-fest__texture {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='40' height='24'%3E%3Cpolygon points='0,0 20,24 40,0' fill='%23C9973A' opacity='0.035'\/%3E%3C\/svg%3E\");\r\n    background-repeat: repeat;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Conteneur \u2500\u2500 *\/\r\n  .bef-fest__container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 90px 24px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n  .bef-fest__header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  .bef-fest__header.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-fest__script {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 1.55rem;\r\n    color: #c9973a;\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n    display: block;\r\n  }\r\n  .bef-fest__title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 2.8rem;\r\n    color: #c9973a;\r\n    line-height: 1.15;\r\n    text-transform: none;\r\n    text-shadow: none;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Grille 2 colonnes (image + texte) \u2500\u2500 *\/\r\n  .bef-fest__main-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 56px;\r\n    align-items: start;\r\n    margin-bottom: 64px;\r\n  }\r\n\r\n  \/* Colonne image *\/\r\n  .bef-fest__img-wrap {\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow:\r\n      inset 0 2px 0 rgba(255,255,255,0.9),\r\n      0 20px 60px rgba(27,45,95,0.2),\r\n      0 4px 16px rgba(27,45,95,0.1);\r\n    border: 1px solid rgba(255,255,255,0.6);\r\n    opacity: 0;\r\n    transform: translateX(-20px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  .bef-fest__img-wrap.bef-in { opacity: 1; transform: translateX(0); }\r\n\r\n  .bef-fest__img-wrap img {\r\n    width: 100%;\r\n    display: block;\r\n    height: 440px;\r\n    object-fit: cover;\r\n    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .bef-fest__img-wrap:hover img { transform: scale(1.04); }\r\n\r\n  \/* Colonne texte *\/\r\n  .bef-fest__text-col {\r\n    padding-top: 8px;\r\n    opacity: 0;\r\n    transform: translateX(20px);\r\n    transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s;\r\n  }\r\n  .bef-fest__text-col.bef-in { opacity: 1; transform: translateX(0); }\r\n\r\n  .bef-fest__p {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 1.05rem;\r\n    color: #222222;\r\n    line-height: 1.85;\r\n    margin-bottom: 18px;\r\n  }\r\n  .bef-fest__p--bold {\r\n    font-weight: 600;\r\n    color: #111111;\r\n    line-height: 1.82;\r\n  }\r\n  .bef-fest__p--last { margin-bottom: 0; }\r\n\r\n  \/* \u2500\u2500 Grille 3 cartes info \u2500\u2500 *\/\r\n  .bef-fest__cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .bef-fest__card {\r\n    backdrop-filter: blur(20px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n    background: rgba(255,255,255,0.72);\r\n    border-width: 1px 1px 1px 4px;\r\n    border-style: solid;\r\n    border-color: rgba(255,255,255,0.65) rgba(255,255,255,0.65) rgba(255,255,255,0.65) #c9973a;\r\n    border-radius: 20px;\r\n    padding: 24px 26px;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 8px 32px rgba(27,45,95,0.10);\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    cursor: default;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.5s ease, transform 0.5s ease;\r\n  }\r\n  .bef-fest__card.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* Ic\u00f4ne badge *\/\r\n  .bef-fest__card-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: linear-gradient(135deg, rgba(201,151,58,0.15) 0%, rgba(232,184,75,0.08) 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    border: 1px solid rgba(201,151,58,0.2);\r\n  }\r\n  .bef-fest__card-icon svg { stroke: #c9973a; display: block; }\r\n\r\n  \/* Texte carte *\/\r\n  .bef-fest__card-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 1.15rem;\r\n    color: #1b2d5f;\r\n    line-height: 1.3;\r\n    display: block;\r\n    text-transform: none;\r\n    text-shadow: none;\r\n  }\r\n  .bef-fest__card-sub {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.84rem;\r\n    color: #666666;\r\n    margin-top: 4px;\r\n    display: block;\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .bef-fest__main-grid  { grid-template-columns: 1fr; gap: 32px; }\r\n    .bef-fest__img-wrap img { height: auto; }\r\n    .bef-fest__cards-grid { grid-template-columns: 1fr; }\r\n    .bef-fest__container  { padding: 60px 20px; }\r\n    .bef-fest__title      { font-size: 2rem; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Mouvement r\u00e9duit \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-fest__header,\r\n    .bef-fest__img-wrap,\r\n    .bef-fest__text-col,\r\n    .bef-fest__card { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n    .bef-fest__img-wrap:hover img { transform: none; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2461 Markup -->\r\n<section id=\"festival\" class=\"bef-fest\" aria-labelledby=\"bef-fest-title\">\r\n\r\n  <div class=\"bef-fest__glow\"    aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-fest__texture\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-fest__container\">\r\n\r\n    <!-- Header -->\r\n    <div id=\"bef-fest-header\" class=\"bef-fest__header\">\r\n      <span class=\"bef-fest__script\">Pr\u00e9sentation du Festival<\/span>\r\n      <h2 id=\"bef-fest-title\" class=\"bef-fest__title\">Bafia en F\u00eate<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Grille image + texte -->\r\n    <div class=\"bef-fest__main-grid\">\r\n\r\n      <!-- Image -->\r\n      <div id=\"bef-fest-img\" class=\"bef-fest__img-wrap\">\r\n        <!--\r\n          \u2193 Remplacer src par l'URL m\u00e9diath\u00e8que WP\r\n             ex. src=\"https:\/\/votredomaine.com\/wp-content\/uploads\/festival-L2.jpg\"\r\n        -->\r\n        <img decoding=\"async\" src=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/L2.b0f08d63.jpg\"\r\n             alt=\"Artistes en tenue traditionnelle au festival\"\r\n             loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <!-- Texte -->\r\n      <div id=\"bef-fest-text\" class=\"bef-fest__text-col\">\r\n        <p class=\"bef-fest__p\">\r\n          Bafia en f\u00eate est un festival culturel et artistique qui c\u00e9l\u00e8bre la richesse des\r\n          traditions locales tout en mettant en lumi\u00e8re la cr\u00e9ativit\u00e9 contemporaine. <br> \u00c0 la\r\n          crois\u00e9e de la culture, de la musique, de l'art et du divertissement, l'\u00e9v\u00e9nement\r\n          se veut \u00e0 la fois authentique, moderne et inclusif.\r\n        <\/p>\r\n        <p class=\"bef-fest__p bef-fest__p--bold\">\r\n          Le festival a pour ambition de valoriser les talents locaux, tout en accueillant\r\n          des artistes de renom \u00e0 l'\u00e9chelle nationale, et \u00e0 terme, internationale.\r\n        <\/p>\r\n        <p class=\"bef-fest__p bef-fest__p--last\">\r\n          Il cr\u00e9e ainsi une plateforme unique o\u00f9 identit\u00e9 culturelle et ouverture au monde\r\n          se rencontrent.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/.bef-fest__main-grid -->\r\n\r\n    <!-- Grille 3 cartes info -->\r\n    <div class=\"bef-fest__cards-grid\" id=\"bef-fest-cards\">\r\n\r\n      <!-- Carte 1 : Dates -->\r\n      <div class=\"bef-fest__card\" style=\"transition-delay: 0.00s;\">\r\n        <div class=\"bef-fest__card-icon\" aria-hidden=\"true\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\r\n               fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/>\r\n            <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/>\r\n            <path d=\"M3 10h18\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"bef-fest__card-title\">22 D\u00e9c 2026 \u2013 02 Jan 2027<\/span>\r\n          <span class=\"bef-fest__card-sub\">12 jours de festivit\u00e9s<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Carte 2 : Lieu -->\r\n      <div class=\"bef-fest__card\" style=\"transition-delay: 0.12s;\">\r\n        <div class=\"bef-fest__card-icon\" aria-hidden=\"true\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\r\n               fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"\/>\r\n            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"bef-fest__card-title\">Stade Municipal de Bafia<\/span>\r\n          <span class=\"bef-fest__card-sub\">Cameroun<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Carte 3 : Participants -->\r\n      <div class=\"bef-fest__card\" style=\"transition-delay: 0.24s;\">\r\n        <div class=\"bef-fest__card-icon\" aria-hidden=\"true\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\r\n               fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"bef-fest__card-title\">30 000 \u2013 40 000<\/span>\r\n          <span class=\"bef-fest__card-sub\">Participants attendus<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/.bef-fest__cards-grid -->\r\n  <\/div><!-- \/.bef-fest__container -->\r\n<\/section>\r\n\r\n<!-- \u2462 JavaScript \u2014 IntersectionObserver -->\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  function befFestInit() {\r\n    if (!('IntersectionObserver' in window)) {\r\n      document.querySelectorAll(\r\n        '#bef-fest-header, #bef-fest-img, #bef-fest-text, #bef-fest-cards .bef-fest__card'\r\n      ).forEach(function (el) { el.classList.add('bef-in'); });\r\n      return;\r\n    }\r\n\r\n    \/* Header *\/\r\n    var header = document.getElementById('bef-fest-header');\r\n    if (header) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) { header.classList.add('bef-in'); obs.disconnect(); }\r\n      }, { threshold: 0.2 }).observe(header);\r\n    }\r\n\r\n    \/* Colonne image *\/\r\n    var imgCol = document.getElementById('bef-fest-img');\r\n    if (imgCol) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) { imgCol.classList.add('bef-in'); obs.disconnect(); }\r\n      }, { threshold: 0.15 }).observe(imgCol);\r\n    }\r\n\r\n    \/* Colonne texte *\/\r\n    var textCol = document.getElementById('bef-fest-text');\r\n    if (textCol) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) { textCol.classList.add('bef-in'); obs.disconnect(); }\r\n      }, { threshold: 0.15 }).observe(textCol);\r\n    }\r\n\r\n    \/* Cartes info \u2014 cascade depuis la premi\u00e8re *\/\r\n    var cards = document.querySelectorAll('#bef-fest-cards .bef-fest__card');\r\n    if (cards.length) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) {\r\n          cards.forEach(function (c) { c.classList.add('bef-in'); });\r\n          obs.disconnect();\r\n        }\r\n      }, { threshold: 0.1 }).observe(cards[0]);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', befFestInit);\r\n  } else {\r\n    befFestInit();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7f91526 e-con e-atomic-element e-flexbox-base e-7f91526-a7a7c2a \" data-id=\"7f91526\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7f91526\">\n    \t\t<div class=\"elementor-element elementor-element-755fd47 elementor-widget elementor-widget-html\" data-id=\"755fd47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  WIDGET HTML ELEMENTOR \u2014 Bafia en f\u00eate \u00b7 L'Exp\u00e9rience\r\n  ============================================================\r\n  \u2192 Pr\u00e9fixe BEM  : .bef-exp-\r\n  \u2192 Fond         : #1b2d5f (marine)\r\n  \u2192 D\u00e9co         : 2 lueurs radiales + texture ellipses SVG\r\n                   + soleil SVG anim\u00e9 (coin sup. droit)\r\n  \u2192 Gauche       : carte image plein-fond + liste Public Cible\r\n  \u2192 Droite       : carte glassmorphism + timeline Programmation\r\n  \u2192 sunPulse     : keyframe d\u00e9finie (manquante dans l'original)\r\n  \u2192 Animations   : fade-in \u00e0 l'entr\u00e9e (IntersectionObserver)\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n  .bef-exp * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  \/* \u2500\u2500 Section \u2500\u2500 *\/\r\n  .bef-exp {\r\n    background-color: #1b2d5f;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500 D\u00e9co : lueurs radiales \u2500\u2500 *\/\r\n  .bef-exp__glow-tr {\r\n    position: absolute;\r\n    top: 20%; right: -10%;\r\n    width: 500px; height: 500px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(rgba(232,184,75,0.06) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .bef-exp__glow-bl {\r\n    position: absolute;\r\n    bottom: 10%; left: -5%;\r\n    width: 400px; height: 400px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(rgba(201,151,58,0.05) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 D\u00e9co : texture ellipses \u2500\u2500 *\/\r\n  .bef-exp__texture {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='80' height='80'%3E%3Cellipse cx='20' cy='20' rx='9' ry='6' fill='%23000' opacity='0.05'\/%3E%3Cellipse cx='60' cy='55' rx='11' ry='7' fill='%23000' opacity='0.04'\/%3E%3Cellipse cx='40' cy='72' rx='7' ry='5' fill='%23000' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n    background-repeat: repeat;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Soleil SVG anim\u00e9 (coin sup. droit) \u2500\u2500 *\/\r\n  .bef-exp__sun {\r\n    position: absolute;\r\n    top: 28px; right: 44px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    opacity: 0.4;\r\n    animation: befSunPulse 3s ease-in-out infinite;\r\n  }\r\n  \/* keyframe manquante dans l'original *\/\r\n  @keyframes befSunPulse {\r\n    0%, 100% { opacity: 0.4; transform: scale(1)   rotate(0deg); }\r\n    50%       { opacity: 0.65; transform: scale(1.1) rotate(15deg); }\r\n  }\r\n\r\n  \/* \u2500\u2500 Conteneur \u2500\u2500 *\/\r\n  .bef-exp__container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 90px 24px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n  .bef-exp__header {\r\n    margin-bottom: 52px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .bef-exp__header.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-exp__script {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 1.4rem;\r\n    color: #e8b84b;\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n    display: block;\r\n  }\r\n  .bef-exp__title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 2.4rem;\r\n    color: #ffffff;\r\n    text-transform: none;\r\n    text-shadow: none;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Grille 2 colonnes \u2500\u2500 *\/\r\n  .bef-exp__grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     COLONNE GAUCHE \u2014 carte image\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .bef-exp__img-card {\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    min-height: 460px;\r\n    opacity: 0;\r\n    transform: translateX(-20px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  .bef-exp__img-card.bef-in { opacity: 1; transform: translateX(0); }\r\n\r\n  .bef-exp__img-card img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n  \/* Gradient sombre vers le bas *\/\r\n  .bef-exp__img-grad {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(10,16,45,0.97) 0%,\r\n      rgba(10,16,45,0.75) 55%,\r\n      rgba(10,16,45,0.30) 100%\r\n    );\r\n  }\r\n  \/* Micro-blur sur toute la surface *\/\r\n  .bef-exp__img-blur {\r\n    position: absolute;\r\n    inset: 0;\r\n    backdrop-filter: blur(2px);\r\n    -webkit-backdrop-filter: blur(2px);\r\n    background: transparent;\r\n  }\r\n  \/* Contenu positionn\u00e9 en bas *\/\r\n  .bef-exp__img-body {\r\n    position: relative;\r\n    padding: 32px 28px;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .bef-exp__img-subtitle {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 1.35rem;\r\n    color: #e8b84b;\r\n    margin-bottom: 18px;\r\n    text-transform: none;\r\n    text-shadow: none;\r\n  }\r\n\r\n  \/* Liste Public Cible *\/\r\n  .bef-exp__audience { display: flex; flex-direction: column; gap: 9px; margin-bottom: 18px; }\r\n  .bef-exp__audience-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .bef-exp__dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #e8b84b, #c9973a);\r\n    flex-shrink: 0;\r\n    box-shadow: 0 0 6px rgba(232,184,75,0.5);\r\n  }\r\n  .bef-exp__audience-text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.95rem;\r\n    color: rgba(255,255,255,0.9);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* Note de bas de carte *\/\r\n  .bef-exp__note {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.86rem;\r\n    color: rgba(255,255,255,0.6);\r\n    line-height: 1.65;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    background: rgba(255,255,255,0.05);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    border-radius: 12px;\r\n    padding: 10px 14px;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     COLONNE DROITE \u2014 glassmorphism\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .bef-exp__glass-card {\r\n    backdrop-filter: blur(24px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(24px) saturate(180%);\r\n    background: rgba(255,255,255,0.06);\r\n    border-radius: 24px;\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 8px 40px rgba(0,0,0,0.3);\r\n    padding: 32px 28px;\r\n    opacity: 0;\r\n    transform: translateX(20px);\r\n    transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s;\r\n  }\r\n  .bef-exp__glass-card.bef-in { opacity: 1; transform: translateX(0); }\r\n\r\n  .bef-exp__prog-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 1.35rem;\r\n    color: #e8b84b;\r\n    margin-bottom: 28px;\r\n    text-transform: none;\r\n    text-shadow: none;\r\n  }\r\n\r\n  \/* Timeline *\/\r\n  .bef-exp__timeline { padding-left: 28px; }\r\n  .bef-exp__items    { display: flex; flex-direction: column; gap: 20px; }\r\n\r\n  .bef-exp__item {\r\n    display: flex;\r\n    gap: 14px;\r\n    align-items: flex-start;\r\n    padding-left: 4px;\r\n  }\r\n\r\n  \/* Badge circulaire dor\u00e9 *\/\r\n  .bef-exp__badge {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #c9973a 0%, #e8b84b 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    color: #111111;\r\n    margin-left: -24px; \/* d\u00e9borde sur le bord gauche du conteneur *\/\r\n    margin-top: 2px;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 4px 12px rgba(201,151,58,0.4);\r\n  }\r\n  .bef-exp__badge svg { stroke: currentColor; display: block; }\r\n\r\n  \/* Bulle de texte *\/\r\n  .bef-exp__item-body {\r\n    flex: 1;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    background: rgba(255,255,255,0.05);\r\n    border-left: 2px solid rgba(201,151,58,0.3);\r\n    padding: 10px 14px;\r\n    border-radius: 0 12px 12px 0;\r\n    transition: background 0.25s, border-color 0.25s;\r\n    cursor: default;\r\n  }\r\n  .bef-exp__item-body:hover {\r\n    background: rgba(255,255,255,0.09);\r\n    border-color: rgba(201,151,58,0.6);\r\n  }\r\n  .bef-exp__item-text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.95rem;\r\n    color: rgba(255,255,255,0.88);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .bef-exp__grid       { grid-template-columns: 1fr; }\r\n    .bef-exp__img-card   { min-height: 380px; }\r\n    .bef-exp__container  { padding: 60px 20px; }\r\n    .bef-exp__title      { font-size: 1.9rem; }\r\n    .bef-exp__sun        { width: 52px; height: 52px; top: 14px; right: 16px; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Mouvement r\u00e9duit \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-exp__sun        { animation: none !important; }\r\n    .bef-exp__header,\r\n    .bef-exp__img-card,\r\n    .bef-exp__glass-card { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2461 Markup -->\r\n<section id=\"experience\" class=\"bef-exp\" aria-labelledby=\"bef-exp-title\">\r\n\r\n  <div class=\"bef-exp__glow-tr\"  aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-exp__glow-bl\"  aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-exp__texture\"  aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- Soleil SVG d\u00e9coratif -->\r\n  <div class=\"bef-exp__sun\" aria-hidden=\"true\">\r\n    <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <line x1=\"40\" y1=\"40\" x2=\"74\"    y2=\"40\"    stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"69.44\" y2=\"57\"    stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"57\"    y2=\"69.44\" stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"40\"    y2=\"74\"    stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"23\"    y2=\"69.44\" stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"10.56\" y2=\"57\"    stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"6\"     y2=\"40\"    stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"10.56\" y2=\"23\"    stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"23\"    y2=\"10.56\" stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"40\"    y2=\"6\"     stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"57\"    y2=\"10.56\" stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <line x1=\"40\" y1=\"40\" x2=\"69.44\" y2=\"23\"    stroke=\"#E8B84B\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n      <circle cx=\"40\" cy=\"40\" r=\"16\" fill=\"#C9973A\"\/>\r\n      <circle cx=\"40\" cy=\"40\" r=\"9\"  fill=\"#E8B84B\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"bef-exp__container\">\r\n\r\n    <!-- Header -->\r\n    <div id=\"bef-exp-header\" class=\"bef-exp__header\">\r\n      <span class=\"bef-exp__script\">Pr\u00e9sentation du Festival<\/span>\r\n      <h2 id=\"bef-exp-title\" class=\"bef-exp__title\">L'\u00e9v\u00e9nement<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Grille 2 colonnes -->\r\n    <div class=\"bef-exp__grid\">\r\n\r\n      <!-- \u2500\u2500 Carte gauche : image + Public Cible \u2500\u2500 -->\r\n      <div id=\"bef-exp-img\" class=\"bef-exp__img-card\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1519530782816-ba0c305fbb0d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&w=800\"\r\n          alt=\"Public du festival Bafia en F\u00eate\"\r\n          loading=\"lazy\">\r\n        <div class=\"bef-exp__img-grad\"  aria-hidden=\"true\"><\/div>\r\n        <div class=\"bef-exp__img-blur\"  aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"bef-exp__img-body\">\r\n          <h3 class=\"bef-exp__img-subtitle\">Public Cible<\/h3>\r\n\r\n          <ul class=\"bef-exp__audience\" aria-label=\"Public cible du festival\">\r\n            <li class=\"bef-exp__audience-item\">\r\n              <span class=\"bef-exp__dot\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"bef-exp__audience-text\">Enfants<\/span>\r\n            <\/li>\r\n            <li class=\"bef-exp__audience-item\">\r\n              <span class=\"bef-exp__dot\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"bef-exp__audience-text\">Jeunes<\/span>\r\n            <\/li>\r\n            <li class=\"bef-exp__audience-item\">\r\n              <span class=\"bef-exp__dot\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"bef-exp__audience-text\">Adultes<\/span>\r\n            <\/li>\r\n            <li class=\"bef-exp__audience-item\">\r\n              <span class=\"bef-exp__dot\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"bef-exp__audience-text\">Familles<\/span>\r\n            <\/li>\r\n            <li class=\"bef-exp__audience-item\">\r\n              <span class=\"bef-exp__dot\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"bef-exp__audience-text\">Amateurs de culture, de musique et de divertissement<\/span>\r\n            <\/li>\r\n            <li class=\"bef-exp__audience-item\">\r\n              <span class=\"bef-exp__dot\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"bef-exp__audience-text\">Visiteurs locaux et touristes<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n\r\n          <p class=\"bef-exp__note\">\r\n            Entre 30 000 et 40 000 participants pour la premi\u00e8re \u00e9dition, avec une dynamique\r\n            de croissance sur les prochaines \u00e9ditions.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div><!-- \/.bef-exp__img-card -->\r\n\r\n      <!-- \u2500\u2500 Carte droite : glassmorphism + timeline \u2500\u2500 -->\r\n      <div id=\"bef-exp-glass\" class=\"bef-exp__glass-card\">\r\n        <h3 class=\"bef-exp__prog-title\">Au programme<\/h3>\r\n\r\n        <div class=\"bef-exp__timeline\">\r\n          <div class=\"bef-exp__items\">\r\n\r\n           <!-- Item 1 : Artistes -->\r\n<div class=\"bef-exp__item\">\r\n  <div class=\"bef-exp__badge\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"bef-exp__item-body\">\r\n    <p class=\"bef-exp__item-text\">Prestations d'artistes locaux, talents \u00e9mergents et invit\u00e9s de renom<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Item 2 : Performances -->\r\n<div class=\"bef-exp__item\">\r\n  <div class=\"bef-exp__badge\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"\/>\r\n      <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\/>\r\n      <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"bef-exp__item-body\">\r\n    <p class=\"bef-exp__item-text\">Spectacles et performances en direct<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Item 3 : Danses -->\r\n<div class=\"bef-exp__item\">\r\n  <div class=\"bef-exp__badge\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"bef-exp__item-body\">\r\n    <p class=\"bef-exp__item-text\">Danses traditionnelles et animations culturelles<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Item 4 : Patrimoine -->\r\n<div class=\"bef-exp__item\">\r\n  <div class=\"bef-exp__badge\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n      <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"bef-exp__item-body\">\r\n    <p class=\"bef-exp__item-text\">Exposition du patrimoine et des savoir-faire locaux<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Item 5 : Gastronomie -->\r\n<div class=\"bef-exp__item\">\r\n  <div class=\"bef-exp__badge\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/>\r\n      <path d=\"M7 2v20\"\/>\r\n      <path d=\"M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"bef-exp__item-body\">\r\n    <p class=\"bef-exp__item-text\">Espace gastronomie et d\u00e9couverte des saveurs du terroir<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Item 6 : Communautaire -->\r\n<div class=\"bef-exp__item\">\r\n  <div class=\"bef-exp__badge\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n      <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n      <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n      <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"bef-exp__item-body\">\r\n    <p class=\"bef-exp__item-text\">Rencontres, \u00e9changes et activit\u00e9s communautaires<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Item 7 : Jeux -->\r\n<div class=\"bef-exp__item\">\r\n  <div class=\"bef-exp__badge\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <line x1=\"6\" x2=\"10\" y1=\"12\" y2=\"12\"\/>\r\n      <line x1=\"8\" x2=\"8\" y1=\"10\" y2=\"14\"\/>\r\n      <line x1=\"15\" x2=\"15.01\" y1=\"13\" y2=\"13\"\/>\r\n      <line x1=\"18\" x2=\"18.01\" y1=\"11\" y2=\"11\"\/>\r\n      <rect width=\"20\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"bef-exp__item-body\">\r\n    <p class=\"bef-exp__item-text\">Jeux, divertissements et animations pour tous les \u00e2ges<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Item 8 : Invit\u00e9s sp\u00e9ciaux -->\r\n<div class=\"bef-exp__item\">\r\n  <div class=\"bef-exp__badge\" aria-hidden=\"true\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n      <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n      <polyline points=\"16 11 18 13 22 9\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"bef-exp__item-body\">\r\n    <p class=\"bef-exp__item-text\">Invit\u00e9s sp\u00e9ciaux et surprises<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n          <\/div><!-- \/.bef-exp__items -->\r\n        <\/div><!-- \/.bef-exp__timeline -->\r\n      <\/div><!-- \/.bef-exp__glass-card -->\r\n\r\n    <\/div><!-- \/.bef-exp__grid -->\r\n  <\/div><!-- \/.bef-exp__container -->\r\n<\/section>\r\n\r\n<!-- \u2462 JavaScript \u2014 IntersectionObserver -->\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  function befExpInit() {\r\n    var els = {\r\n      header: document.getElementById('bef-exp-header'),\r\n      img:    document.getElementById('bef-exp-img'),\r\n      glass:  document.getElementById('bef-exp-glass')\r\n    };\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n      Object.values(els).forEach(function (el) { if (el) el.classList.add('bef-in'); });\r\n      return;\r\n    }\r\n\r\n    Object.values(els).forEach(function (el) {\r\n      if (!el) return;\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) {\r\n          el.classList.add('bef-in');\r\n          obs.disconnect();\r\n        }\r\n      }, { threshold: 0.12 }).observe(el);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', befExpInit);\r\n  } else {\r\n    befExpInit();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ecc5d97 e-con e-atomic-element e-flexbox-base e-ecc5d97-48e29b6 \" data-id=\"ecc5d97\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ecc5d97\">\n    \t\t<div class=\"elementor-element elementor-element-ee170a7 elementor-widget elementor-widget-html\" data-id=\"ee170a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  WIDGET HTML ELEMENTOR \u2014 Bafia en f\u00eate \u00b7 \u00c0 Propos\r\n  ============================================================\r\n  \u2192 Pr\u00e9fixe BEM  : .bef-about-\r\n  \u2192 Fond         : #faf6ef (beige chaud, identique \u00e0 #festival)\r\n  \u2192 Pull quote   : guillemets d\u00e9coratifs positionn\u00e9s en absolu\r\n                   (margin-bottom 68 px pour laisser la place au \" bas)\r\n  \u2192 Grille texte : 2 colonnes \u2192 1 col mobile\r\n  \u2192 Carte finale : glassmorphism marine + bord dor\u00e9\r\n  \u2192 Animations   : fade-up l\u00e9ger (IntersectionObserver)\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n  .bef-about * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  \/* \u2500\u2500 Section \u2500\u2500 *\/\r\n  .bef-about {\r\n    background-color: #faf6ef;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500 D\u00e9co : lueur radiale \u2500\u2500 *\/\r\n  .bef-about__glow {\r\n    position: absolute;\r\n    top: 30%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 800px;\r\n    height: 500px;\r\n    background: radial-gradient(rgba(201,151,58,0.067) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Conteneur \u2500\u2500 *\/\r\n  .bef-about__container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 90px 24px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n  .bef-about__header {\r\n    text-align: center;\r\n    margin-bottom: 52px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .bef-about__header.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-about__script {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 1.55rem;\r\n    color: #c9973a;\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n    display: block;\r\n  }\r\n  .bef-about__title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: 2.6rem;\r\n    color: #1b2d5f;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.04em;\r\n    margin: 0;\r\n    text-shadow: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Pull quote \u2500\u2500 *\/\r\n  .bef-about__quote-wrap {\r\n    text-align: center;\r\n    max-width: 860px;\r\n    margin: 0 auto 68px; \/* 68px pour laisser la place au guillemet bas *\/\r\n    position: relative;\r\n    padding: 44px 48px;\r\n    backdrop-filter: blur(20px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n    background: rgba(255,255,255,0.68);\r\n    border-radius: 28px;\r\n    border: 1px solid rgba(255,255,255,0.7);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,0.9),\r\n      0 12px 48px rgba(27,45,95,0.10),\r\n      0 2px 8px rgba(27,45,95,0.06);\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s;\r\n  }\r\n  .bef-about__quote-wrap.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* Guillemets d\u00e9coratifs *\/\r\n  .bef-about__qmark {\r\n    position: absolute;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 6rem;\r\n    color: #c9973a;\r\n    line-height: 1;\r\n    opacity: 0.3;\r\n    user-select: none;\r\n    pointer-events: none;\r\n    aria-hidden: true;\r\n  }\r\n  .bef-about__qmark--open  { top: -20px;  left: 24px;  }\r\n  .bef-about__qmark--close { bottom: -32px; right: 24px; }\r\n\r\n  .bef-about__quote-text {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-weight: 700;\r\n    font-size: clamp(1.2rem, 2.4vw, 1.6rem);\r\n    color: #c9973a;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Grille 2 paragraphes \u2500\u2500 *\/\r\n  .bef-about__text-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n    margin-bottom: 56px;\r\n  }\r\n  .bef-about__p {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 1.05rem;\r\n    color: #222222;\r\n    line-height: 1.85;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .bef-about__p.bef-in      { opacity: 1; transform: translateY(0); }\r\n  .bef-about__p:nth-child(2) { transition-delay: 0.12s; }\r\n\r\n  \/* \u2500\u2500 Carte de cl\u00f4ture \u2500\u2500 *\/\r\n  .bef-about__closing {\r\n    backdrop-filter: blur(16px) saturate(160%);\r\n    -webkit-backdrop-filter: blur(16px) saturate(160%);\r\n    background: rgba(27,45,95,0.06);\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(201,151,58,0.25);\r\n    padding: 28px 36px;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s;\r\n  }\r\n  .bef-about__closing.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-about__closing-text {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(1.05rem, 2vw, 1.35rem);\r\n    color: #1b2d5f;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .bef-about__text-grid  { grid-template-columns: 1fr; gap: 20px; }\r\n    .bef-about__container  { padding: 60px 20px; }\r\n    .bef-about__quote-wrap { padding: 32px 24px; margin-bottom: 56px; }\r\n    .bef-about__title      { font-size: 2rem; }\r\n    .bef-about__qmark      { font-size: 4rem; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Mouvement r\u00e9duit \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-about__header,\r\n    .bef-about__quote-wrap,\r\n    .bef-about__p,\r\n    .bef-about__closing {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2461 Markup -->\r\n<section id=\"about\" class=\"bef-about\" aria-labelledby=\"bef-about-title\">\r\n\r\n  <div class=\"bef-about__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-about__container\">\r\n\r\n    <!-- Header -->\r\n    <div id=\"bef-about-header\" class=\"bef-about__header\">\r\n      <span class=\"bef-about__script\">A propos<\/span>\r\n      <h2 id=\"bef-about-title\" class=\"bef-about__title\">De Nous<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Pull quote -->\r\n    <div id=\"bef-about-quote\" class=\"bef-about__quote-wrap\">\r\n      <span class=\"bef-about__qmark bef-about__qmark--open\"  aria-hidden=\"true\">\"<\/span>\r\n      <p class=\"bef-about__quote-text\">\r\n        Bafia en f\u00eate est n\u00e9 d'un d\u00e9sir profond&nbsp;: c\u00e9l\u00e9brer, pr\u00e9server et faire\r\n        rayonner notre culture, tout en l'ouvrant au monde.\r\n      <\/p>\r\n      <span class=\"bef-about__qmark bef-about__qmark--close\" aria-hidden=\"true\">\"<\/span>\r\n    <\/div>\r\n\r\n    <!-- Grille de texte -->\r\n    <div class=\"bef-about__text-grid\" id=\"bef-about-texts\">\r\n      <p class=\"bef-about__p\">\r\n        Bien plus qu'un moment de divertissement, le festival est un espace vivant o\u00f9\r\n        traditions et modernit\u00e9 se rencontrent, o\u00f9 les talents locaux s'expriment aux\r\n        c\u00f4t\u00e9s d'artistes nationaux. Bafia en f\u00eate, c'est un lieu de rassemblement, de\r\n        partage et d'\u00e9motion. Un moment o\u00f9 les g\u00e9n\u00e9rations se retrouvent, o\u00f9 les cultures\r\n        dialoguent et o\u00f9 les souvenirs se cr\u00e9ent.\r\n      <\/p>\r\n      <p class=\"bef-about__p\">\r\n        Au-del\u00e0 de l'\u00e9motion, le festival porte une vision claire&nbsp;: devenir une\r\n        v\u00e9ritable plateforme de visibilit\u00e9, d'opportunit\u00e9s et d'impact. Une vitrine pour\r\n        les talents et les savoir-faire. Un point de connexion entre les marques et leur\r\n        public. Un levier de dynamisation \u00e9conomique locale.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Carte de cl\u00f4ture -->\r\n    <div id=\"bef-about-closing\" class=\"bef-about__closing\">\r\n      <p class=\"bef-about__closing-text\">\r\n        Avec Bafia en f\u00eate, nous ne cr\u00e9ons pas seulement un festival.\r\n        Nous cr\u00e9ons une exp\u00e9rience. Un impact.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/.bef-about__container -->\r\n<\/section>\r\n\r\n<!-- \u2462 JavaScript \u2014 IntersectionObserver -->\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  function befAboutInit() {\r\n    var targets = [\r\n      document.getElementById('bef-about-header'),\r\n      document.getElementById('bef-about-quote'),\r\n      document.getElementById('bef-about-closing')\r\n    ];\r\n    var textPs = document.querySelectorAll('#bef-about-texts .bef-about__p');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n      targets.forEach(function (el) { if (el) el.classList.add('bef-in'); });\r\n      textPs.forEach(function (el) { el.classList.add('bef-in'); });\r\n      return;\r\n    }\r\n\r\n    targets.forEach(function (el) {\r\n      if (!el) return;\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) { el.classList.add('bef-in'); obs.disconnect(); }\r\n      }, { threshold: 0.15 }).observe(el);\r\n    });\r\n\r\n    \/* Paragraphes : d\u00e9clenche au premier visible *\/\r\n    if (textPs.length) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) {\r\n          textPs.forEach(function (p) { p.classList.add('bef-in'); });\r\n          obs.disconnect();\r\n        }\r\n      }, { threshold: 0.1 }).observe(textPs[0]);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', befAboutInit);\r\n  } else {\r\n    befAboutInit();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ac2d079 e-con e-atomic-element e-flexbox-base e-ac2d079-e162626 \" data-id=\"ac2d079\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ac2d079\">\n    \t\t<div class=\"elementor-element elementor-element-5554cd1 elementor-widget elementor-widget-html\" data-id=\"5554cd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  WIDGET HTML ELEMENTOR \u2014 Bafia en f\u00eate \u00b7 Mission & Vision\r\n  ============================================================\r\n  \u2192 Pr\u00e9fixe BEM  : .bef-mission-\r\n  \u2192 Fond         : #1b2d5f (marine)\r\n  \u2192 Cartes       : glassmorphism beige clair, bord top \u00e9pais 6px dor\u00e9\r\n                   Mission \u2192 #c9973a \/ Vision \u2192 #e8b84b\r\n  \u2192 Grille       : 2 colonnes \u2192 1 col mobile\r\n  \u2192 Animations   : slide-up \u00e0 l'entr\u00e9e (IntersectionObserver)\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n  .bef-mission * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  \/* \u2500\u2500 Section \u2500\u2500 *\/\r\n  .bef-mission {\r\n    background-color: #1b2d5f;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500 D\u00e9co : lueurs radiales \u2500\u2500 *\/\r\n  .bef-mission__glow-tl {\r\n    position: absolute;\r\n    top: 10%; left: 5%;\r\n    width: 480px; height: 480px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(rgba(201,151,58,0.07) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .bef-mission__glow-br {\r\n    position: absolute;\r\n    bottom: 5%; right: 5%;\r\n    width: 360px; height: 360px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(rgba(232,184,75,0.06) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Conteneur \u2500\u2500 *\/\r\n  .bef-mission__container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 90px 24px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n  .bef-mission__header {\r\n    text-align: center;\r\n    margin-bottom: 52px;\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .bef-mission__header.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-mission__script {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 1.5rem;\r\n    color: #e8b84b;\r\n    font-weight: 700;\r\n    display: block;\r\n  }\r\n\r\n  \/* \u2500\u2500 Grille 2 cartes \u2500\u2500 *\/\r\n  .bef-mission__grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Carte commune \u2500\u2500 *\/\r\n  .bef-mission__card {\r\n    backdrop-filter: blur(28px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(28px) saturate(180%);\r\n    background: rgba(250,246,239,0.93);\r\n    border-radius: 24px;\r\n    \/* border-width: 6px top, 1px autres c\u00f4t\u00e9s *\/\r\n    border-style: solid;\r\n    border-color: transparent rgba(255,255,255,0.5) rgba(255,255,255,0.5) rgba(255,255,255,0.5);\r\n    border-width: 6px 1px 1px 1px;\r\n    padding: 36px 32px;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 12px 48px rgba(0,0,0,0.35);\r\n    cursor: default;\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity 0.65s ease, transform 0.65s ease;\r\n  }\r\n  .bef-mission__card.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* Couleur du bord top selon la carte *\/\r\n  .bef-mission__card--dark  { border-top-color: #c9973a; }\r\n  .bef-mission__card--light { border-top-color: #e8b84b; }\r\n\r\n  \/* Script label *\/\r\n  .bef-mission__card-script {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 1.3rem;\r\n    color: #c9973a;\r\n    font-weight: 700;\r\n    margin-bottom: 2px;\r\n    display: block;\r\n  }\r\n\r\n  \/* Titre de carte *\/\r\n  .bef-mission__card-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: 2rem;\r\n    color: #1b2d5f;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.04em;\r\n    margin-bottom: 24px;\r\n    text-shadow: none;\r\n  }\r\n\r\n  \/* Paragraphes *\/\r\n  .bef-mission__card-p {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 1rem;\r\n    color: #333333;\r\n    line-height: 1.85;\r\n    margin-bottom: 14px;\r\n  }\r\n  .bef-mission__card-p:last-of-type { margin-bottom: 0; }\r\n\r\n  \/* Bloc citation interne *\/\r\n  .bef-mission__card-quote {\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    background: rgba(201,151,58,0.06);\r\n    border-radius: 14px;\r\n    padding: 14px 18px;\r\n    border-left: 3px solid rgba(201,151,58,0.4);\r\n    margin-top: 14px;\r\n  }\r\n  .bef-mission__card-quote p {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    color: #c9973a;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .bef-mission__grid      { grid-template-columns: 1fr; }\r\n    .bef-mission__container { padding: 60px 20px; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Mouvement r\u00e9duit \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-mission__header,\r\n    .bef-mission__card {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2461 Markup -->\r\n<section id=\"mission\" class=\"bef-mission\" aria-labelledby=\"bef-mission-head\">\r\n\r\n  <div class=\"bef-mission__glow-tl\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-mission__glow-br\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-mission__container\">\r\n\r\n    <!-- Header -->\r\n    <div id=\"bef-mission-header\" class=\"bef-mission__header\">\r\n      <span id=\"bef-mission-head\" class=\"bef-mission__script\">Qui sommes-nous ?<\/span>\r\n    <\/div>\r\n\r\n    <!-- Grille -->\r\n    <div class=\"bef-mission__grid\" id=\"bef-mission-grid\">\r\n\r\n      <!-- Carte Mission -->\r\n      <article class=\"bef-mission__card bef-mission__card--dark\" style=\"transition-delay: 0.00s;\">\r\n        <span class=\"bef-mission__card-script\">Nos<\/span>\r\n        <h3 class=\"bef-mission__card-title\">objectifs<\/h3>\r\n\r\n        <p class=\"bef-mission__card-p\">\r\n            \r\n            \r\n         <b>Coh\u00e9sion sociale<\/b><br>\r\nRenforcer les liens entre les communaut\u00e9s \u00e0 travers le partage et la c\u00e9l\u00e9bration.<br>\r\n\r\n<b>Patrimoine culturel<\/b><br>\r\nPr\u00e9server et valoriser les traditions et richesses culturelles bafia.<br>\r\n\r\n<b>Transmission et talents<\/b><br>\r\nMettre en lumi\u00e8re les talents et encourager la transmission des savoirs.<br>\r\n\r\n<b>\u00c9conomie locale<\/b><br>\r\nSoutenir l'activit\u00e9 \u00e9conomique et cr\u00e9er des opportunit\u00e9s pour les acteurs locaux.<br>\r\n\r\n<b>Attractivit\u00e9 touristique<\/b><br>\r\nPromouvoir Bafia et renforcer son rayonnement culturel.<br>\r\n\r\n<b>Partenariats<\/b><br>\r\nEncourager les collaborations au service du d\u00e9veloppement local.<br>\r\n        <\/p>\r\n        \r\n\r\n        <div class=\"bef-mission__card-quote\">\r\n          <p>Bafia en f\u00eate, c'est une rencontre utile&nbsp;: pour la culture, pour la\r\n          communaut\u00e9, et pour ceux qui y investissent.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Carte Vision -->\r\n      <article class=\"bef-mission__card bef-mission__card--light\" style=\"transition-delay: 0.14s;\">\r\n        <span class=\"bef-mission__card-script\">Notre<\/span>\r\n        <h3 class=\"bef-mission__card-title\">Vision<\/h3>\r\n\r\n        <p class=\"bef-mission__card-p\">\r\n          Notre vision est claire&nbsp;: faire de Bafia en f\u00eate un rendez-vous culturel\r\n          majeur, capable de rassembler, inspirer et g\u00e9n\u00e9rer un impact r\u00e9el. Bafia en f\u00eate\r\n          se positionne comme un espace o\u00f9 la culture devient un levier de d\u00e9veloppement,\r\n          o\u00f9 les talents acc\u00e8dent \u00e0 des opportunit\u00e9s concr\u00e8tes, o\u00f9 les entreprises connectent\r\n          directement avec leur public.\r\n        <\/p>\r\n\r\n        <div class=\"bef-mission__card-quote\">\r\n          <p>Bafia en f\u00eate, c'est la rencontre entre \u00e9motion et strat\u00e9gie, l\u00e0 o\u00f9 naissent\r\n          les initiatives qui marquent et qui durent.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div><!-- \/.bef-mission__grid -->\r\n  <\/div><!-- \/.bef-mission__container -->\r\n<\/section>\r\n\r\n<!-- \u2462 JavaScript -->\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  function befMissionInit() {\r\n    var header = document.getElementById('bef-mission-header');\r\n    var cards  = document.querySelectorAll('#bef-mission-grid .bef-mission__card');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n      if (header) header.classList.add('bef-in');\r\n      cards.forEach(function (c) { c.classList.add('bef-in'); });\r\n      return;\r\n    }\r\n\r\n    if (header) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) { header.classList.add('bef-in'); obs.disconnect(); }\r\n      }, { threshold: 0.2 }).observe(header);\r\n    }\r\n\r\n    if (cards.length) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) {\r\n          cards.forEach(function (c) { c.classList.add('bef-in'); });\r\n          obs.disconnect();\r\n        }\r\n      }, { threshold: 0.1 }).observe(cards[0]);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', befMissionInit);\r\n  } else {\r\n    befMissionInit();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a1fee1b e-con e-atomic-element e-flexbox-base e-a1fee1b-77cddc1 \" data-id=\"a1fee1b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a1fee1b\">\n    \t\t<div class=\"elementor-element elementor-element-27239ac elementor-widget elementor-widget-html\" data-id=\"27239ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  WIDGET HTML ELEMENTOR \u2014 Bafia en f\u00eate \u00b7 Espace\r\n  ============================================================\r\n  \u2192 Pr\u00e9fixe BEM  : .bef-espace-\r\n  \u2192 Fond         : #faf6ef (beige chaud)\r\n  \u2192 Layout       : flex \u2014 grande image 55 % gauche +\r\n                   colonne 2 images droite (gap 12px)\r\n  \u2192 Zoom images  : cubic-bezier(0.22,1,0.36,1) au :hover\r\n  \u2192 D\u00e9co         : spirale SVG tournante (coin bas-droit)\r\n                   spiralSpin d\u00e9fini ici (manquant dans l'original)\r\n  \u2192 Images       : 3 URL \u00e0 remplacer par la m\u00e9diath\u00e8que WP\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n  .bef-espace * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  \/* \u2500\u2500 Section \u2500\u2500 *\/\r\n  .bef-espace {\r\n    background-color: #faf6ef;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500 D\u00e9co : lueur radiale \u2500\u2500 *\/\r\n  .bef-espace__glow {\r\n    position: absolute;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 800px;\r\n    height: 500px;\r\n    background: radial-gradient(rgba(201,151,58,0.067) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Conteneur \u2500\u2500 *\/\r\n  .bef-espace__container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 90px 24px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n  .bef-espace__header {\r\n    text-align: center;\r\n    margin-bottom: 52px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .bef-espace__header.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-espace__script {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 1.6rem;\r\n    color: #c9973a;\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n    display: block;\r\n  }\r\n  .bef-espace__title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: 2.4rem;\r\n    color: #1b2d5f;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.04em;\r\n    margin-bottom: 14px;\r\n    text-shadow: none;\r\n  }\r\n  .bef-espace__desc {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 1rem;\r\n    color: #555555;\r\n    max-width: 640px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  \/* \u2500\u2500 Galerie flexbox \u2500\u2500 *\/\r\n  .bef-espace__gallery {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: stretch;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s;\r\n  }\r\n  .bef-espace__gallery.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* Cellule image commune *\/\r\n  .bef-espace__cell {\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,0.65);\r\n    cursor: default;\r\n  }\r\n  .bef-espace__cell img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .bef-espace__cell:hover img { transform: scale(1.04); }\r\n\r\n  \/* Grande image gauche (55 %) *\/\r\n  .bef-espace__cell--main {\r\n    flex: 0 0 55%;\r\n    box-shadow:\r\n      inset 0 2px 0 rgba(255,255,255,0.9),\r\n      0 16px 56px rgba(27,45,95,0.18),\r\n      0 4px 16px rgba(27,45,95,0.10);\r\n  }\r\n  .bef-espace__cell--main img { min-height: 380px; }\r\n\r\n  \/* Colonne droite *\/\r\n  .bef-espace__col-right {\r\n    flex: 1 1 0%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  \/* Petites images droite *\/\r\n  .bef-espace__cell--small {\r\n    flex: 1 1 0%;\r\n    box-shadow:\r\n      inset 0 2px 0 rgba(255,255,255,0.9),\r\n      0 12px 40px rgba(27,45,95,0.15);\r\n  }\r\n  .bef-espace__cell--small img { min-height: 180px; }\r\n\r\n  \/* \u2500\u2500 Spirale SVG d\u00e9corative (coin bas-droit) \u2500\u2500 *\/\r\n  .bef-espace__spin {\r\n    position: absolute;\r\n    bottom: 32px;\r\n    right: 32px;\r\n    opacity: 0.4;\r\n    pointer-events: none;\r\n    animation: befSpiralSpin 20s linear infinite;\r\n  }\r\n  \/* keyframe manquante dans l'original *\/\r\n  @keyframes befSpiralSpin {\r\n    from { transform: rotate(0deg);   }\r\n    to   { transform: rotate(360deg); }\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .bef-espace__gallery    { flex-direction: column; }\r\n    .bef-espace__cell--main { flex: 0 0 auto; }\r\n    .bef-espace__cell--main img,\r\n    .bef-espace__cell--small img { min-height: 220px; }\r\n    .bef-espace__container  { padding: 60px 20px; }\r\n    .bef-espace__title      { font-size: 2rem; }\r\n    .bef-espace__spin       { width: 36px; height: 36px; bottom: 16px; right: 16px; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Mouvement r\u00e9duit \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-espace__spin                  { animation: none !important; }\r\n    .bef-espace__header,\r\n    .bef-espace__gallery               { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n    .bef-espace__cell:hover img        { transform: none; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2461 Markup -->\r\n<section id=\"espace\" class=\"bef-espace\" aria-labelledby=\"bef-espace-title\">\r\n\r\n  <div class=\"bef-espace__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-espace__container\">\r\n\r\n    <!-- Header -->\r\n    <div id=\"bef-espace-header\" class=\"bef-espace__header\">\r\n      <span class=\"bef-espace__script\">Aper\u00e7u<\/span>\r\n      <h2 id=\"bef-espace-title\" class=\"bef-espace__title\">De l'Espace<\/h2>\r\n      <p class=\"bef-espace__desc\">\r\n        Afin d\u2019offrir une vision pr\u00e9cise et professionnelle du dispositif, Bafia en f\u00eate met \u00e0 disposition un petit aper\u00e7u 3D de l\u2019am\u00e9nagement du site.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Galerie -->\r\n    <div id=\"bef-espace-gallery\" class=\"bef-espace__gallery\">\r\n\r\n      <!-- Grande image (55 %) -->\r\n      <div class=\"bef-espace__cell bef-espace__cell--main\">\r\n        <!--\r\n          \u2193 Remplacer src par l'URL m\u00e9diath\u00e8que WP\r\n             ex. src=\"https:\/\/votredomaine.com\/wp-content\/uploads\/espace-P2.jpg\"\r\n        -->\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/P2.60e1f5b7.jpg\"\r\n          alt=\"Vue a\u00e9rienne 3D du site du festival Bafia en F\u00eate\"\r\n          loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <!-- Colonne droite : 2 petites images -->\r\n      <div class=\"bef-espace__col-right\">\r\n\r\n        <div class=\"bef-espace__cell bef-espace__cell--small\">\r\n          <!--\r\n            \u2193 Remplacer src par l'URL m\u00e9diath\u00e8que WP\r\n               ex. src=\"https:\/\/votredomaine.com\/wp-content\/uploads\/espace-P1.jpg\"\r\n          -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/P1.a38dd5f7.jpg\"\r\n            alt=\"Espace VIP lounge \u2014 am\u00e9nagement int\u00e9rieur\"\r\n            loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"bef-espace__cell bef-espace__cell--small\">\r\n          <!--\r\n            \u2193 Remplacer src par l'URL m\u00e9diath\u00e8que WP\r\n               ex. src=\"https:\/\/votredomaine.com\/wp-content\/uploads\/espace-P3.jpg\"\r\n          -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/P3.2bbd0351.jpg\"\r\n            alt=\"Bar et espace d\u00e9tente ext\u00e9rieur avec branding BAFIA\"\r\n            loading=\"lazy\">\r\n        <\/div>\r\n\r\n      <\/div><!-- \/.bef-espace__col-right -->\r\n    <\/div><!-- \/.bef-espace__gallery -->\r\n\r\n    <!-- Spirale SVG d\u00e9corative -->\r\n    <div class=\"bef-espace__spin\" aria-hidden=\"true\">\r\n      <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"28\" y1=\"28\" x2=\"52\"    y2=\"28\"    stroke=\"#C9973A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"28\" y1=\"28\" x2=\"44.97\" y2=\"44.97\" stroke=\"#C9973A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"28\" y1=\"28\" x2=\"28\"    y2=\"52\"    stroke=\"#C9973A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"28\" y1=\"28\" x2=\"11.03\" y2=\"44.97\" stroke=\"#C9973A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"28\" y1=\"28\" x2=\"4\"     y2=\"28\"    stroke=\"#C9973A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"28\" y1=\"28\" x2=\"11.03\" y2=\"11.03\" stroke=\"#C9973A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"28\" y1=\"28\" x2=\"28\"    y2=\"4\"     stroke=\"#C9973A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"28\" y1=\"28\" x2=\"44.97\" y2=\"11.03\" stroke=\"#C9973A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <circle cx=\"28\" cy=\"28\" r=\"10\" fill=\"#E8B84B\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/.bef-espace__container -->\r\n<\/section>\r\n\r\n<!-- \u2462 JavaScript -->\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  function befEspaceInit() {\r\n    var header  = document.getElementById('bef-espace-header');\r\n    var gallery = document.getElementById('bef-espace-gallery');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n      if (header)  header.classList.add('bef-in');\r\n      if (gallery) gallery.classList.add('bef-in');\r\n      return;\r\n    }\r\n\r\n    [header, gallery].forEach(function (el) {\r\n      if (!el) return;\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) { el.classList.add('bef-in'); obs.disconnect(); }\r\n      }, { threshold: 0.1 }).observe(el);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', befEspaceInit);\r\n  } else {\r\n    befEspaceInit();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3d5a857 e-con e-atomic-element e-flexbox-base e-3d5a857-a48fd46 \" data-id=\"3d5a857\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3d5a857\">\n    \t\t<div class=\"elementor-element elementor-element-1cb97d6 elementor-widget elementor-widget-html\" data-id=\"1cb97d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  WIDGET HTML ELEMENTOR \u2014 Bafia en f\u00eate \u00b7 Visibilit\u00e9 & Impact\r\n  ============================================================\r\n  \u2192 Pr\u00e9fixe BEM  : .bef-vis-\r\n  \u2192 Fond         : d\u00e9grad\u00e9 marine linear-gradient(150deg\u2026)\r\n  \u2192 Cartes       : 2\u00d72 glassmorphism blanc sur fond sombre\r\n                   SVG illustrations custom (inline, conserv\u00e9es)\r\n  \u2192 Ticker       : bande d\u00e9filante pleine largeur en bas de section\r\n                   keyframe befMarquee d\u00e9finie (manquante original)\r\n  \u2192 Animations   : fade-up cartes (IntersectionObserver)\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n  .bef-vis * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  \/* \u2500\u2500 Section \u2500\u2500 *\/\r\n  .bef-vis {\r\n    background: linear-gradient(150deg, #1b2d5f 0%, #0f1c3f 55%, #1b2d5f 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500 D\u00e9co : lueurs radiales \u2500\u2500 *\/\r\n  .bef-vis__glow-t {\r\n    position: absolute;\r\n    top: -5%; left: 30%;\r\n    width: 600px; height: 400px;\r\n    background: radial-gradient(rgba(232,184,75,0.07) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .bef-vis__glow-b {\r\n    position: absolute;\r\n    bottom: 0%; right: 20%;\r\n    width: 500px; height: 360px;\r\n    background: radial-gradient(rgba(201,151,58,0.06) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Conteneur \u2500\u2500 *\/\r\n  .bef-vis__container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 90px 24px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n  .bef-vis__header {\r\n    margin-bottom: 56px;\r\n    text-align: center;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .bef-vis__header.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-vis__script {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 1.6rem;\r\n    color: #e8b84b;\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n    display: block;\r\n  }\r\n  .bef-vis__title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: 2.6rem;\r\n    color: #ffffff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.04em;\r\n    text-shadow: none;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Grille 2\u00d72 \u2500\u2500 *\/\r\n  .bef-vis__grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Carte \u2500\u2500 *\/\r\n  .bef-vis__card {\r\n    backdrop-filter: blur(24px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(24px) saturate(180%);\r\n    background: rgba(255,255,255,0.93);\r\n    border-radius: 24px;\r\n    padding: 28px 26px;\r\n    border: 1px solid rgba(255,255,255,0.7);\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 8px 40px rgba(0,0,0,0.35);\r\n    cursor: default;\r\n    transition: box-shadow 0.3s;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.55s ease, transform 0.55s ease, box-shadow 0.3s;\r\n  }\r\n  .bef-vis__card.bef-in { opacity: 1; transform: translateY(0); }\r\n  .bef-vis__card:hover   { box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 16px 56px rgba(0,0,0,0.45); }\r\n\r\n  .bef-vis__card-icon  { margin-bottom: 18px; display: block; }\r\n\r\n  .bef-vis__card-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 1.15rem;\r\n    color: #1b2d5f;\r\n    margin-bottom: 10px;\r\n    text-transform: none;\r\n    text-shadow: none;\r\n  }\r\n  .bef-vis__card-p {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.94rem;\r\n    color: #444444;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  \/* \u2500\u2500 Ticker (bande d\u00e9filante pleine largeur) \u2500\u2500 *\/\r\n  .bef-vis__ticker {\r\n    background: rgba(0,0,0,0.55);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    overflow: hidden;\r\n    padding: 15px 0;\r\n    white-space: nowrap;\r\n    border-top:    1px solid rgba(255,255,255,0.07);\r\n    border-bottom: 1px solid rgba(255,255,255,0.07);\r\n  }\r\n  .bef-vis__ticker-inner {\r\n    display: inline-block;\r\n    animation: befMarquee 22s linear infinite;\r\n  }\r\n  .bef-vis__ticker-text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.88rem;\r\n    color: rgba(255,255,255,0.88);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    display: inline;\r\n  }\r\n\r\n  \/* keyframe manquante dans l'original \u2014\r\n     3 copies identiques \u2192 d\u00e9place d'un tiers du total *\/\r\n  @keyframes befMarquee {\r\n    0%   { transform: translateX(0); }\r\n    100% { transform: translateX(-33.333%); }\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .bef-vis__grid      { grid-template-columns: 1fr; }\r\n    .bef-vis__container { padding: 60px 20px; }\r\n    .bef-vis__title     { font-size: 2rem; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Mouvement r\u00e9duit \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-vis__ticker-inner { animation: none; }\r\n    .bef-vis__header,\r\n    .bef-vis__card { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2461 Markup -->\r\n<section id=\"visibilite\" class=\"bef-vis\" aria-labelledby=\"bef-vis-title\">\r\n\r\n  <div class=\"bef-vis__glow-t\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-vis__glow-b\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-vis__container\">\r\n\r\n    <!-- Header -->\r\n    <div id=\"bef-vis-header\" class=\"bef-vis__header\">\r\n      <span class=\"bef-vis__script\">Visibilit\u00e9 &amp;<\/span>\r\n      <h2 id=\"bef-vis-title\" class=\"bef-vis__title\">Impact Commerciale<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Grille 4 cartes -->\r\n    <div class=\"bef-vis__grid\" id=\"bef-vis-grid\">\r\n\r\n      <!-- Carte 1 : Affluence -->\r\n      <article class=\"bef-vis__card\" style=\"transition-delay:0.00s;\">\r\n        <span class=\"bef-vis__card-icon\" aria-hidden=\"true\">\r\n          <svg width=\"88\" height=\"88\" viewBox=\"0 0 88 88\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"16\" cy=\"32\" r=\"7\"  fill=\"#1B2D5F\" opacity=\"0.3\"\/>\r\n            <path d=\"M6,58 C6,43 26,43 26,58\"   fill=\"#1B2D5F\" opacity=\"0.3\"\/>\r\n            <circle cx=\"44\" cy=\"27\" r=\"7\"  fill=\"#1B2D5F\" opacity=\"0.38\"\/>\r\n            <path d=\"M34,58 C34,41 54,41 54,58\"  fill=\"#1B2D5F\" opacity=\"0.38\"\/>\r\n            <circle cx=\"72\" cy=\"32\" r=\"7\"  fill=\"#1B2D5F\" opacity=\"0.3\"\/>\r\n            <path d=\"M62,58 C62,43 82,43 82,58\"  fill=\"#1B2D5F\" opacity=\"0.3\"\/>\r\n            <circle cx=\"16\" cy=\"48\" r=\"9\"  fill=\"#C9973A\"\/>\r\n            <path d=\"M3,80 C3,62 29,62 29,80\"    fill=\"#C9973A\"\/>\r\n            <circle cx=\"44\" cy=\"43\" r=\"11\" fill=\"#E8B84B\"\/>\r\n            <path d=\"M29,80 C29,59 59,59 59,80\"  fill=\"#E8B84B\"\/>\r\n            <circle cx=\"72\" cy=\"48\" r=\"9\"  fill=\"#C9973A\"\/>\r\n            <path d=\"M59,80 C59,62 85,62 85,80\"  fill=\"#C9973A\"\/>\r\n            <line x1=\"44\" y1=\"56\" x2=\"30\" y2=\"44\" stroke=\"#C9973A\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\r\n            <line x1=\"44\" y1=\"56\" x2=\"58\" y2=\"44\" stroke=\"#C9973A\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"8\"  cy=\"20\" r=\"2.5\" fill=\"#E8B84B\" opacity=\"0.7\"\/>\r\n            <circle cx=\"80\" cy=\"16\" r=\"2\"   fill=\"#E8B84B\" opacity=\"0.6\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3 class=\"bef-vis__card-title\">Une Affluence Diversifi\u00e9e<\/h3>\r\n        <p class=\"bef-vis__card-p\">\r\n        \u00b7 Jeunes, \u00e9tudiants et actifs<br> \r\n        \u00b7 Familles et communaut\u00e9s locales<br> \r\n        \u00b7 Acteurs \u00e9conomiques et passionn\u00e9s de culture<br><br>\r\n        <b>Objectif&nbsp;:<\/b> g\u00e9n\u00e9rer une forte mobilisation et cr\u00e9er un v\u00e9ritable point de convergence social et \u00e9conomique.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Carte 2 : Programmation -->\r\n      <article class=\"bef-vis__card\" style=\"transition-delay:0.12s;\">\r\n        <span class=\"bef-vis__card-icon\" aria-hidden=\"true\">\r\n          <svg width=\"88\" height=\"88\" viewBox=\"0 0 88 88\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <polygon points=\"10,4 2,72 24,72\"  fill=\"#E8B84B\" opacity=\"0.15\"\/>\r\n            <polygon points=\"44,2 32,72 56,72\" fill=\"#E8B84B\" opacity=\"0.22\"\/>\r\n            <polygon points=\"78,4 64,72 86,72\" fill=\"#E8B84B\" opacity=\"0.15\"\/>\r\n            <ellipse cx=\"10\" cy=\"6\"  rx=\"6\" ry=\"4\" fill=\"#E8B84B\"\/>\r\n            <ellipse cx=\"44\" cy=\"5\"  rx=\"7\" ry=\"5\" fill=\"#E8B84B\"\/>\r\n            <ellipse cx=\"78\" cy=\"6\"  rx=\"6\" ry=\"4\" fill=\"#E8B84B\"\/>\r\n            <rect x=\"0\" y=\"72\" width=\"88\" height=\"12\" rx=\"3\" fill=\"#1B2D5F\"\/>\r\n            <circle cx=\"44\" cy=\"42\" r=\"9\"  fill=\"#C9973A\"\/>\r\n            <path d=\"M34,72 C34,55 54,55 54,72\" fill=\"#C9973A\"\/>\r\n            <line x1=\"34\" y1=\"60\" x2=\"20\" y2=\"48\" stroke=\"#C9973A\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <line x1=\"54\" y1=\"60\" x2=\"68\" y2=\"48\" stroke=\"#C9973A\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <text x=\"14\" y=\"36\" font-size=\"13\" fill=\"#E8B84B\" opacity=\"0.85\" font-family=\"serif\">\u266a<\/text>\r\n            <text x=\"66\" y=\"32\" font-size=\"15\" fill=\"#E8B84B\" opacity=\"0.85\" font-family=\"serif\">\u266b<\/text>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3 class=\"bef-vis__card-title\">Une Programmation Artistique F\u00e9d\u00e9ratrice<\/h3>\r\n        <p class=\"bef-vis__card-p\">\r\n        \u00b7 Artistes locaux, talents \u00e9mergents et artistes nationaux <br>\r\n        \u00b7 Performances live<br>\r\n        \u00b7 Animations culturelles et spectacles interactifs, avec la possibilit\u00e9 d'invit\u00e9s sp\u00e9ciaux. \r\n        <br><br>Cette diversit\u00e9 garantit une forte attractivit\u00e9 et une affluence continue tout au long de l'\u00e9v\u00e9nement.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Carte 3 : Digital -->\r\n      <article class=\"bef-vis__card\" style=\"transition-delay:0.24s;\">\r\n        <span class=\"bef-vis__card-icon\" aria-hidden=\"true\">\r\n          <svg width=\"88\" height=\"88\" viewBox=\"0 0 88 88\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"26\" y=\"10\" width=\"36\" height=\"64\" rx=\"6\" fill=\"#1B2D5F\"\/>\r\n            <rect x=\"30\" y=\"18\" width=\"28\" height=\"44\" rx=\"3\" fill=\"#2A3F7A\"\/>\r\n            <circle cx=\"44\" cy=\"68\" r=\"3.5\" fill=\"#C9973A\" opacity=\"0.7\"\/>\r\n            <rect x=\"33\" y=\"50\" width=\"5\" height=\"8\"  rx=\"1\" fill=\"#C9973A\"\/>\r\n            <rect x=\"40\" y=\"43\" width=\"5\" height=\"15\" rx=\"1\" fill=\"#E8B84B\"\/>\r\n            <rect x=\"47\" y=\"36\" width=\"5\" height=\"22\" rx=\"1\" fill=\"#C9973A\"\/>\r\n            <polyline points=\"33,50 40,43 47,36 53,28\" stroke=\"#E8B84B\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <polygon points=\"53,24 57,32 49,32\" fill=\"#E8B84B\"\/>\r\n            <path d=\"M22,45 Q12,33 22,21\" stroke=\"#C9973A\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M16,49 Q2,33 16,17\"  stroke=\"#C9973A\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" opacity=\"0.5\"\/>\r\n            <path d=\"M66,45 Q76,33 66,21\" stroke=\"#C9973A\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M72,49 Q86,33 72,17\"  stroke=\"#C9973A\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" opacity=\"0.5\"\/>\r\n            <polygon points=\"44,6 45.8,2 47.6,6 52,6 48.6,8.8 49.8,13 46,10.4 42.2,13 43.4,8.8 40,6\" fill=\"#E8B84B\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3 class=\"bef-vis__card-title\">Une Port\u00e9e Digitale en Forte Croissance<\/h3>\r\n        <p class=\"bef-vis__card-p\">\r\n        \u00b7 Campagnes de communication avant l'\u00e9v\u00e9nement<br> \r\n        \u00b7 Contenus immersifs (teasers, coulisses, interviews) <br> \r\n        \u00b7 Couverture en direct (stories, live, reels) <br> \r\n        \u00b7 Partages par artistes, influenceurs et participants.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Carte 4 : M\u00e9dias -->\r\n      <article class=\"bef-vis__card\" style=\"transition-delay:0.36s;\">\r\n        <span class=\"bef-vis__card-icon\" aria-hidden=\"true\">\r\n          <svg width=\"88\" height=\"88\" viewBox=\"0 0 88 88\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"4\" y=\"28\" width=\"52\" height=\"38\" rx=\"6\" fill=\"#1B2D5F\"\/>\r\n            <rect x=\"18\" y=\"18\" width=\"18\" height=\"12\" rx=\"4\" fill=\"#1B2D5F\"\/>\r\n            <circle cx=\"30\" cy=\"47\" r=\"14\" fill=\"#2A3F7A\"\/>\r\n            <circle cx=\"30\" cy=\"47\" r=\"10\" fill=\"#111111\" opacity=\"0.85\"\/>\r\n            <circle cx=\"30\" cy=\"47\" r=\"6\"  fill=\"#1B2D5F\"\/>\r\n            <circle cx=\"30\" cy=\"47\" r=\"3\"  fill=\"#E8B84B\" opacity=\"0.55\"\/>\r\n            <circle cx=\"26\" cy=\"43\" r=\"2\"  fill=\"#FFFFFF\"  opacity=\"0.3\"\/>\r\n            <circle cx=\"52\" cy=\"34\" r=\"4\"  fill=\"#E8251A\" opacity=\"0.9\"\/>\r\n            <rect x=\"58\" y=\"35\" width=\"24\" height=\"16\" rx=\"4\" fill=\"#C9973A\"\/>\r\n            <rect x=\"61\" y=\"38\" width=\"18\" height=\"10\" rx=\"2\" fill=\"#E8B84B\" opacity=\"0.45\"\/>\r\n            <rect x=\"76\" y=\"22\" width=\"4\"  height=\"44\" rx=\"2\" fill=\"#C9973A\"\/>\r\n            <ellipse cx=\"78\" cy=\"18\" rx=\"6\"   ry=\"9\"  fill=\"#C9973A\"\/>\r\n            <ellipse cx=\"78\" cy=\"18\" rx=\"3.5\" ry=\"6\"  fill=\"#E8B84B\" opacity=\"0.55\"\/>\r\n            <path d=\"M4,47 Q-6,37 4,27\"   stroke=\"#E8B84B\" stroke-width=\"2.2\" fill=\"none\" stroke-linecap=\"round\" opacity=\"0.75\"\/>\r\n            <path d=\"M2,52 Q-12,37 2,22\"  stroke=\"#E8B84B\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3 class=\"bef-vis__card-title\">Une Couverture M\u00e9diatique Strat\u00e9gique<\/h3>\r\n        <p class=\"bef-vis__card-p\">\r\n            \r\n            \u00b7 Presse locale, radios et cha\u00eenes de t\u00e9l\u00e9vision<br>  \u00b7 Cr\u00e9ateurs de contenu et influenceurs <br>\r\n            \u00b7 Relais avant, pendant et apr\u00e8s l'\u00e9v\u00e9nement.<\/p>\r\n      <\/article>\r\n\r\n    <\/div><!-- \/.bef-vis__grid -->\r\n  <\/div><!-- \/.bef-vis__container -->\r\n\r\n  <!-- Ticker d\u00e9filant (pleine largeur, en dehors du max-width) -->\r\n  <div class=\"bef-vis__ticker\" aria-hidden=\"true\">\r\n    <div class=\"bef-vis__ticker-inner\">\r\n      <!-- 3 copies pour la boucle seamless (d\u00e9placement -33.33%) -->\r\n      <span class=\"bef-vis__ticker-text\">Un \u00e9v\u00e9nement \u00e0 forte affluence &nbsp;\u00b7&nbsp; Une sc\u00e8ne artistique f\u00e9d\u00e9ratrice &nbsp;\u00b7&nbsp; Une vitrine digitale \u00e0 fort potentiel viral &nbsp;\u00b7&nbsp; Une opportunit\u00e9 m\u00e9diatique structur\u00e9e &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>\r\n      <span class=\"bef-vis__ticker-text\">Un \u00e9v\u00e9nement \u00e0 forte affluence &nbsp;\u00b7&nbsp; Une sc\u00e8ne artistique f\u00e9d\u00e9ratrice &nbsp;\u00b7&nbsp; Une vitrine digitale \u00e0 fort potentiel viral &nbsp;\u00b7&nbsp; Une opportunit\u00e9 m\u00e9diatique structur\u00e9e &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>\r\n      <span class=\"bef-vis__ticker-text\">Un \u00e9v\u00e9nement \u00e0 forte affluence &nbsp;\u00b7&nbsp; Une sc\u00e8ne artistique f\u00e9d\u00e9ratrice &nbsp;\u00b7&nbsp; Une vitrine digitale \u00e0 fort potentiel viral &nbsp;\u00b7&nbsp; Une opportunit\u00e9 m\u00e9diatique structur\u00e9e &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2462 JavaScript -->\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  function befVisInit() {\r\n    var header = document.getElementById('bef-vis-header');\r\n    var cards  = document.querySelectorAll('#bef-vis-grid .bef-vis__card');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n      if (header) header.classList.add('bef-in');\r\n      cards.forEach(function (c) { c.classList.add('bef-in'); });\r\n      return;\r\n    }\r\n\r\n    if (header) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) { header.classList.add('bef-in'); obs.disconnect(); }\r\n      }, { threshold: 0.2 }).observe(header);\r\n    }\r\n\r\n    if (cards.length) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) {\r\n          cards.forEach(function (c) { c.classList.add('bef-in'); });\r\n          obs.disconnect();\r\n        }\r\n      }, { threshold: 0.1 }).observe(cards[0]);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', befVisInit);\r\n  } else {\r\n    befVisInit();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-78b70df e-con e-atomic-element e-flexbox-base e-78b70df-83c7835 \" data-id=\"78b70df\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"78b70df\">\n    \t\t<div class=\"elementor-element elementor-element-4e86ba1 elementor-widget elementor-widget-html\" data-id=\"4e86ba1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dancing+Script:wght@700&family=Playfair+Display:ital,wght@0,700;1,700&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .bef-spon * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .bef-spon { background-color: #faf6ef; position: relative; overflow: hidden; width: 100%; }\r\n  .bef-spon__glow-t { position: absolute; top: 5%; left: 20%; width: 700px; height: 500px; background: radial-gradient(rgba(201,151,58,0.07) 0%, transparent 70%); pointer-events: none; }\r\n  .bef-spon__glow-b { position: absolute; bottom: 5%; right: 10%; width: 500px; height: 400px; background: radial-gradient(rgba(201,151,58,0.05) 0%, transparent 70%); pointer-events: none; }\r\n  .bef-spon__texture { position: absolute; inset: 0; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='40' height='24'%3E%3Cpolygon points='0,0 20,24 40,0' fill='%23C9973A' opacity='0.025'\/%3E%3C\/svg%3E\"); background-repeat: repeat; pointer-events: none; }\r\n  .bef-spon__container { max-width: 1280px; margin: 0 auto; padding: 90px 24px; position: relative; }\r\n\r\n  .bef-spon__header { text-align: center; margin-bottom: 52px; opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }\r\n  .bef-spon__header.bef-in { opacity: 1; transform: translateY(0); }\r\n  .bef-spon__script { font-family: 'Dancing Script', cursive; font-size: 1.6rem; color: #c9973a; font-weight: 700; margin-bottom: 4px; display: block; }\r\n  .bef-spon__title  { font-family: 'Playfair Display', serif; font-weight: 900; font-size: 2.4rem; color: #1b2d5f; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 16px; }\r\n  .bef-spon__intro  { font-family: 'DM Sans', sans-serif; font-size: 1rem; color: #444; max-width: 720px; margin: 0 auto; line-height: 1.8; }\r\n\r\n  .bef-spon__common { background: linear-gradient(135deg, #1b2d5f 0%, #0f1c3f 100%); border-radius: 24px; padding: 26px 32px; margin-bottom: 52px; border: 1px solid rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 12px 48px rgba(27,45,95,.25); opacity: 0; transform: translateY(20px); transition: opacity .6s ease .1s, transform .6s ease .1s; }\r\n  .bef-spon__common.bef-in { opacity: 1; transform: translateY(0); }\r\n  .bef-spon__common-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.05rem; color: #e8b84b; margin-bottom: 16px; }\r\n  .bef-spon__common-grid  { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n  .bef-spon__check { display: flex; gap: 10px; align-items: flex-start; }\r\n  .bef-spon__check-ico { width: 20px; height: 20px; border-radius: 6px; background: rgba(232,184,75,.15); border: 1px solid rgba(232,184,75,.25); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }\r\n  .bef-spon__check-ico svg { stroke: #e8b84b; display: block; }\r\n  .bef-spon__check-text { font-family: 'DM Sans', sans-serif; font-size: .9rem; color: rgba(255,255,255,.85); line-height: 1.65; }\r\n\r\n  .bef-spon__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n\r\n  .bef-spon__card { backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); background: rgba(255,255,255,.82); border-radius: 24px; border-style: solid; border-width: 5px 1px 1px 1px; border-color: var(--pack-color) rgba(255,255,255,.7) rgba(255,255,255,.7) rgba(255,255,255,.7); padding: 36px 28px; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 8px 32px rgba(27,45,95,.12); position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; cursor: default; opacity: 0; transform: translateY(24px); transition: opacity .5s ease, transform .5s ease; }\r\n  .bef-spon__card.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-spon__card--sponsor   { --pack-color: #C9973A; }\r\n  .bef-spon__card--partner   { --pack-color: #1b2d5f; }\r\n  .bef-spon__card--exhibitor { --pack-color: #888888; }\r\n\r\n  .bef-spon__icon { width: 64px; height: 64px; border-radius: 20px; background: linear-gradient(135deg, rgba(201,151,58,.12) 0%, rgba(232,184,75,.06) 100%); border: 1px solid rgba(201,151,58,.2); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }\r\n  .bef-spon__icon svg { stroke: var(--pack-color); display: block; }\r\n\r\n  .bef-spon__card-name { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.6rem; color: var(--pack-color); margin-bottom: 12px; }\r\n  .bef-spon__card-p    { font-family: 'DM Sans', sans-serif; font-size: .95rem; color: #555; line-height: 1.7; }\r\n  .bef-spon__card-p strong { color: var(--pack-color); }\r\n  .bef-spon__sep { height: 1px; background: rgba(200,168,75,.15); margin: 20px 0; width: 100%; }\r\n\r\n  .bef-spon__cta { display: flex; align-items: center; justify-content: center; gap: 6px; color: #111; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; padding: 11px 22px; border-radius: 999px; text-decoration: none; margin-top: auto; cursor: pointer; transition: opacity .2s, transform .2s; line-height: 1; }\r\n  .bef-spon__cta:hover { opacity: .88; transform: translateY(-1px); color: #111; text-decoration: none; }\r\n  .bef-spon__cta svg { stroke: currentColor; flex-shrink: 0; }\r\n  .bef-spon__card--sponsor   .bef-spon__cta { background: linear-gradient(135deg, #C9973A, #E8B84B); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 4px 16px rgba(201,151,58,.25); }\r\n  .bef-spon__card--partner   .bef-spon__cta { background: linear-gradient(135deg, #1b2d5f, #2a4080); color: #e8b84b; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 4px 16px rgba(27,45,95,.3); }\r\n  .bef-spon__card--partner   .bef-spon__cta:hover { color: #e8b84b; }\r\n  .bef-spon__card--exhibitor .bef-spon__cta { background: linear-gradient(135deg, #888, #aaa); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 4px 16px rgba(136,136,136,.25); }\r\n\r\n  @media (max-width: 900px)  { .bef-spon__grid { grid-template-columns: 1fr; } }\r\n  @media (max-width: 640px)  { .bef-spon__common-grid { grid-template-columns: 1fr; } .bef-spon__container { padding: 60px 20px; } .bef-spon__title { font-size: 1.9rem; } }\r\n  @media (prefers-reduced-motion: reduce) { .bef-spon__header, .bef-spon__common, .bef-spon__card { opacity:1!important; transform:none!important; transition:none!important; } }\r\n<\/style>\r\n\r\n<section id=\"sponsoring\" class=\"bef-spon\" aria-labelledby=\"bef-spon-title\">\r\n  <div class=\"bef-spon__glow-t\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-spon__glow-b\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-spon__texture\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-spon__container\">\r\n\r\n    <!-- Header -->\r\n    <div id=\"bef-spon-header\" class=\"bef-spon__header\">\r\n      <span class=\"bef-spon__script\">Rejoignez-nous<\/span>\r\n      <h2 id=\"bef-spon-title\" class=\"bef-spon__title\">Participer \u00e0 Bafia en f\u00eate<\/h2>\r\n      <p class=\"bef-spon__intro\">Devenez partenaire d'un festival qui c\u00e9l\u00e8bre la culture, valorise les talents et contribue au d\u00e9veloppement local. Bafia en F\u00eate offre un cadre unique pour renforcer votre visibilit\u00e9, cr\u00e9er des connexions durables et associer votre image \u00e0 un projet porteur de sens.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Avantages communs -->\r\n    <div id=\"bef-spon-common\" class=\"bef-spon__common\">\r\n      <p class=\"bef-spon__common-title\">Pourquoi participer \u00e0 Bafia en f\u00eate ?<\/p>\r\n      <div class=\"bef-spon__common-grid\">\r\n        <div class=\"bef-spon__check\"><div class=\"bef-spon__check-ico\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div><span class=\"bef-spon__check-text\">Une visibilit\u00e9 aupr\u00e8s d'un public diversifi\u00e9 et engag\u00e9<\/span><\/div>\r\n        <div class=\"bef-spon__check\"><div class=\"bef-spon__check-ico\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div><span class=\"bef-spon__check-text\">Une pr\u00e9sence au c\u0153ur d'un \u00e9v\u00e9nement f\u00e9d\u00e9rateur<\/span><\/div>\r\n        <div class=\"bef-spon__check\"><div class=\"bef-spon__check-ico\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div><span class=\"bef-spon__check-text\">Des opportunit\u00e9s de promotion de vos produits et services<\/span><\/div>\r\n        <div class=\"bef-spon__check\"><div class=\"bef-spon__check-ico\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div><span class=\"bef-spon__check-text\">Un engagement concret en faveur de la culture et du d\u00e9veloppement local<\/span><\/div>\r\n        <div class=\"bef-spon__check\"><div class=\"bef-spon__check-ico\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div><span class=\"bef-spon__check-text\">Un acc\u00e8s privil\u00e9gi\u00e9 \u00e0 un r\u00e9seau d'acteurs institutionnels, \u00e9conomiques et culturels<\/span><\/div>\r\n        <div class=\"bef-spon__check\"><div class=\"bef-spon__check-ico\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div><span class=\"bef-spon__check-text\">La possibilit\u00e9 de construire des collaborations durables et \u00e0 fort impact<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n   <!-- 3 cartes -->\r\n<div class=\"bef-spon__grid\" id=\"bef-spon-grid\">\r\n\r\n  <!-- Sponsor -->\r\n  <article class=\"bef-spon__card bef-spon__card--sponsor\" style=\"transition-delay:.00s;\">\r\n    <div class=\"bef-spon__icon\" aria-hidden=\"true\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <circle cx=\"12\" cy=\"8\" r=\"6\"\/>\r\n        <path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"bef-spon__card-name\">Sponsor<\/div>\r\n    <div class=\"bef-spon__sep\"><\/div>\r\n    <p class=\"bef-spon__card-p\">D\u00e9couvrez les opportunit\u00e9s de participation en tant que <strong>Sponsor<\/strong><\/p>\r\n    <div class=\"bef-spon__sep\"><\/div>\r\n    <a href=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/DOSSIER-DE-SPONSORING-BAFIA-en-fete_compressed.pdf\"\r\n       download=\"Dossier-Sponsoring-Bafia-en-Fete.pdf\"\r\n       target=\"_blank\"\r\n       class=\"bef-spon__cta\">\r\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/svg>\r\n      T\u00e9l\u00e9charger le Dossier\r\n    <\/a>\r\n  <\/article>\r\n\r\n  <!-- Partenaire -->\r\n  <article class=\"bef-spon__card bef-spon__card--partner\" style=\"transition-delay:.15s;\">\r\n    <div class=\"bef-spon__icon\" aria-hidden=\"true\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"m11 17 2 2a1 1 0 1 0 3-3\"\/>\r\n        <path d=\"m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4\"\/>\r\n        <path d=\"m21 3 1 11h-2\"\/>\r\n        <path d=\"M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3\"\/>\r\n        <path d=\"M3 4h8\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"bef-spon__card-name\">Partenaire<\/div>\r\n    <div class=\"bef-spon__sep\"><\/div>\r\n    <p class=\"bef-spon__card-p\">D\u00e9couvrez les opportunit\u00e9s de participation en tant que <strong>Partenaire<\/strong><\/p>\r\n    <div class=\"bef-spon__sep\"><\/div>\r\n    <a href=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/DOSSIER-DE-SPONSORING-BAFIA-en-fete_compressed.pdf\"\r\n       download=\"Dossier-Sponsoring-Bafia-en-Fete.pdf\"\r\n       target=\"_blank\"\r\n       class=\"bef-spon__cta\">\r\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/svg>\r\n      T\u00e9l\u00e9charger le Dossier\r\n    <\/a>\r\n  <\/article>\r\n\r\n  <!-- Exhibitor -->\r\n  <article class=\"bef-spon__card bef-spon__card--exhibitor\" style=\"transition-delay:.30s;\">\r\n    <div class=\"bef-spon__icon\" aria-hidden=\"true\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M3 9v10a1 1 0 0 0 1 1h6v-5h4v5h6a1 1 0 0 0 1-1V9\"\/>\r\n        <path d=\"M3 9h18\"\/>\r\n        <path d=\"M9 9V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"bef-spon__card-name\">Exhibitor<\/div>\r\n    <div class=\"bef-spon__sep\"><\/div>\r\n    <p class=\"bef-spon__card-p\">D\u00e9couvrez les opportunit\u00e9s de participation en tant qu'<strong>Exposant<\/strong><\/p>\r\n    <div class=\"bef-spon__sep\"><\/div>\r\n    <a href=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/DOSSIER-DE-SPONSORING-BAFIA-en-fete_compressed.pdf\"\r\n       download=\"Dossier-Sponsoring-Bafia-en-Fete.pdf\"\r\n       target=\"_blank\"\r\n       class=\"bef-spon__cta\">\r\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/svg>\r\n      T\u00e9l\u00e9charger le Dossier\r\n    <\/a>\r\n  <\/article>\r\n\r\n<\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n  function befSponInit() {\r\n    var header = document.getElementById('bef-spon-header');\r\n    var common = document.getElementById('bef-spon-common');\r\n    var cards  = document.querySelectorAll('#bef-spon-grid .bef-spon__card');\r\n    if (!('IntersectionObserver' in window)) {\r\n      [header, common].forEach(function(el){ if(el) el.classList.add('bef-in'); });\r\n      cards.forEach(function(c){ c.classList.add('bef-in'); });\r\n      return;\r\n    }\r\n    [header, common].forEach(function(el){\r\n      if (!el) return;\r\n      new IntersectionObserver(function(entries, obs){ if (entries[0].isIntersecting){ el.classList.add('bef-in'); obs.disconnect(); } }, { threshold: 0.15 }).observe(el);\r\n    });\r\n    if (cards.length) {\r\n      new IntersectionObserver(function(entries, obs){ if (entries[0].isIntersecting){ cards.forEach(function(c){ c.classList.add('bef-in'); }); obs.disconnect(); } }, { threshold: 0.08 }).observe(cards[0]);\r\n    }\r\n  }\r\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', befSponInit);\r\n  else befSponInit();\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8cf0c23 e-con e-atomic-element e-flexbox-base e-8cf0c23-5f214af \" data-id=\"8cf0c23\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8cf0c23\">\n    \t\t<div class=\"elementor-element elementor-element-97b2e15 elementor-widget elementor-widget-html\" data-id=\"97b2e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dancing+Script:wght@700&family=Playfair+Display:ital,wght@0,700;1,700&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .bef-equipe * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .bef-equipe { background-color: #1b2d5f; position: relative; overflow: hidden; width: 100%; }\r\n  .bef-equipe__glow-tr { position: absolute; top: 15%; right: 5%; width: 500px; height: 400px; background: radial-gradient(rgba(232,184,75,0.07) 0%, transparent 70%); pointer-events: none; }\r\n  .bef-equipe__glow-bl { position: absolute; bottom: 10%; left: 10%; width: 400px; height: 350px; background: radial-gradient(rgba(201,151,58,0.06) 0%, transparent 70%); pointer-events: none; }\r\n  .bef-equipe__container { max-width: 1280px; margin: 0 auto; padding: 90px 24px; }\r\n\r\n  .bef-equipe__header { text-align: center; margin-bottom: 40px; opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }\r\n  .bef-equipe__header.bef-in { opacity: 1; transform: translateY(0); }\r\n  .bef-equipe__script { font-family: 'Dancing Script', cursive; font-size: 1.6rem; color: #e8b84b; font-weight: 700; margin-bottom: 4px; display: block; }\r\n  .bef-equipe__title  { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 2.2rem; color: #fff; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 20px; }\r\n  .bef-equipe__desc   { font-family: 'DM Sans', sans-serif; font-size: 1rem; color: rgba(255,255,255,.75); max-width: 700px; margin: 0 auto; line-height: 1.85; }\r\n\r\n  .bef-equipe__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 48px; }\r\n\r\n  .bef-equipe__card {\r\n    backdrop-filter: blur(24px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(24px) saturate(180%);\r\n    background: rgba(250,246,239,.92);\r\n    border-radius: 24px;\r\n    border-style: solid;\r\n    border-width: 4px 1px 1px 1px;\r\n    border-color: #c9973a rgba(255,255,255,.55) rgba(255,255,255,.55) rgba(255,255,255,.55);\r\n    padding: 28px 26px;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 8px 40px rgba(0,0,0,.32);\r\n    cursor: default;\r\n    opacity: 0; transform: translateY(24px);\r\n    transition: opacity .55s ease, transform .55s ease;\r\n    overflow: hidden;\r\n  }\r\n  .bef-equipe__card.bef-in { opacity: 1; transform: translateY(0); }\r\n\r\n  .bef-equipe__icon { width: 52px; height: 52px; border-radius: 16px; background: linear-gradient(135deg, rgba(201,151,58,.15) 0%, rgba(232,184,75,.08) 100%); border: 1px solid rgba(201,151,58,.2); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; flex-shrink: 0; }\r\n  .bef-equipe__icon svg { stroke: #C9973A; display: block; }\r\n  .bef-equipe__card-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.12rem; color: #1b2d5f; margin-bottom: 10px; }\r\n  .bef-equipe__card-p     { font-family: 'DM Sans', sans-serif; font-size: .94rem; color: #444; line-height: 1.78; }\r\n\r\n  \/* Illustration transport *\/\r\n  .bef-transport-illo {\r\n    width: 100%;\r\n    margin: 14px 0 10px;\r\n    display: flex;\r\n    justify-content: center;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    background: rgba(27,45,95,0.06);\r\n  }\r\n  .bef-transport-illo img {\r\n    width: 100%;\r\n    max-width: 260px;\r\n    height: auto;\r\n    display: block;\r\n    filter: drop-shadow(0 4px 12px rgba(201,151,58,0.2));\r\n  }\r\n\r\n  \/* Route avec ic\u00f4nes *\/\r\n  .bef-route { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 12px; }\r\n  .bef-route__city { font-family: 'DM Sans', sans-serif; font-size: .82rem; font-weight: 500; background: rgba(201,151,58,.12); color: #1b2d5f; border: 1px solid rgba(201,151,58,.3); border-radius: 20px; padding: 3px 10px; }\r\n  .bef-route__city--dest { background: #1b2d5f; color: #e8b84b; border-color: #1b2d5f; }\r\n  .bef-route__sep { display: flex; align-items: center; color: #c9973a; }\r\n  .bef-route__sep svg { display: block; }\r\n\r\n  .bef-equipe__closing {\r\n    backdrop-filter: blur(16px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n    background: rgba(232,184,75,.08);\r\n    border: 1px solid rgba(232,184,75,.2);\r\n    border-radius: 20px;\r\n    padding: 22px 32px;\r\n    max-width: 680px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.15);\r\n    opacity: 0; transform: translateY(16px);\r\n    transition: opacity .6s ease .2s, transform .6s ease .2s;\r\n  }\r\n  .bef-equipe__closing.bef-in { opacity: 1; transform: translateY(0); }\r\n  .bef-equipe__closing-text { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; font-size: 1.2rem; color: #e8b84b; line-height: 1.6; margin: 0; }\r\n\r\n  @media (max-width: 700px) {\r\n    .bef-equipe__grid      { grid-template-columns: 1fr; }\r\n    .bef-equipe__container { padding: 60px 20px; }\r\n    .bef-equipe__title     { font-size: 1.8rem; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bef-equipe__header, .bef-equipe__card, .bef-equipe__closing { opacity:1!important; transform:none!important; transition:none!important; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"infos\" class=\"bef-equipe\" aria-labelledby=\"bef-equipe-title\">\r\n  <div class=\"bef-equipe__glow-tr\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bef-equipe__glow-bl\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-equipe__container\">\r\n\r\n    <div id=\"bef-equipe-header\" class=\"bef-equipe__header\">\r\n      <span class=\"bef-equipe__script\">Festivaliers et visiteurs<\/span>\r\n      <h2 id=\"bef-equipe-title\" class=\"bef-equipe__title\">Informations Pratiques<\/h2>\r\n      <p class=\"bef-equipe__desc\">Tout ce qu'il vous faut savoir pour pr\u00e9parer votre venue et profiter pleinement du festival Bafia en f\u00eate.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bef-equipe__grid\" id=\"bef-equipe-grid\">\r\n\r\n      <!-- H\u00e9bergement -->\r\n      <article class=\"bef-equipe__card\" style=\"transition-delay:.00s;\">\r\n        <div class=\"bef-equipe__icon\" aria-hidden=\"true\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8\"\/>\r\n            <path d=\"M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4\"\/>\r\n            <path d=\"M12 4v6\"\/><path d=\"M2 18h20\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bef-equipe__card-title\">H\u00e9bergement<\/h3>\r\n        <p class=\"bef-equipe__card-p\">Pr\u00e9parez votre s\u00e9jour en toute s\u00e9r\u00e9nit\u00e9 dans la ville de Bafia. Une liste d'h\u00e9bergements recommand\u00e9s et partenaires sera bient\u00f4t disponible.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Par Avion -->\r\n      <article class=\"bef-equipe__card\" style=\"transition-delay:.12s;\">\r\n        <div class=\"bef-equipe__icon\" aria-hidden=\"true\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M17.8 19.2 16 11l3.5-3.5C21 6 21 4 19 4c-1 0-1.5.5-3.5 2L8 8l-8 2.8 1.4 1.4L4 12l2 .6V17l3 3h4l.5-2 1 1.5z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bef-equipe__card-title\">Acc\u00e8s par Avion<\/h3>\r\n        <p class=\"bef-equipe__card-p\">Acc\u00e8s facilit\u00e9 via les a\u00e9roports internationaux de la r\u00e9gion.<\/p>\r\n\r\n        <!-- Illustration avion Magific -->\r\n        <div class=\"bef-transport-illo\" aria-hidden=\"true\">\r\n          <img decoding=\"async\" src=\"https:\/\/pikaso.cdnpk.net\/private\/production\/4692212122\/3197352863.svg?token=exp=1782518400~hmac=502cd0a79ea68200da7a83651d1ada3e6b7039650d98d8cc6643383697910689\"\r\n               alt=\"Illustration avion\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"bef-route\">\r\n          <span class=\"bef-route__city\">Yaound\u00e9<\/span>\r\n          <span class=\"bef-route__sep\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"bef-route__city\">Douala<\/span>\r\n          <span class=\"bef-route__sep\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"bef-route__city\">Bafoussam<\/span>\r\n          <span class=\"bef-route__sep\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"bef-route__city bef-route__city--dest\">Bafia<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Par Route -->\r\n      <article class=\"bef-equipe__card\" style=\"transition-delay:.24s;\">\r\n        <div class=\"bef-equipe__icon\" aria-hidden=\"true\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 17H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v9a2 2 0 0 1-2 2h-3\"\/>\r\n            <circle cx=\"7.5\" cy=\"17.5\" r=\"2.5\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bef-equipe__card-title\">Acc\u00e8s par Route<\/h3>\r\n        <p class=\"bef-equipe__card-p\">Bafia est facilement accessible gr\u00e2ce \u00e0 un r\u00e9seau routier reliant le Centre et l'Ouest du Cameroun.<\/p>\r\n\r\n        <!-- Illustration bus Magific -->\r\n        <div class=\"bef-transport-illo\" aria-hidden=\"true\">\r\n          <img decoding=\"async\" src=\"https:\/\/pikaso.cdnpk.net\/private\/production\/4692212335\/3197353153.svg?token=exp=1782518400~hmac=374a691903a1057e5eda4a7bd0041cdce28dc1f0052b50d086f0ec2770f46a6f\"\r\n               alt=\"Illustration bus\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"bef-route\">\r\n          <span class=\"bef-route__city\">Douala<\/span>\r\n          <span class=\"bef-route__sep\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 6v6\"\/><path d=\"M15 6v6\"\/><path d=\"M2 12h19.6\"\/><path d=\"M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2 0-.4-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><path d=\"M9 18h5\"\/><circle cx=\"16\" cy=\"18\" r=\"2\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"bef-route__city\">Bafoussam<\/span>\r\n          <span class=\"bef-route__sep\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 6v6\"\/><path d=\"M15 6v6\"\/><path d=\"M2 12h19.6\"\/><path d=\"M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2 0-.4-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><path d=\"M9 18h5\"\/><circle cx=\"16\" cy=\"18\" r=\"2\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"bef-route__city\">Yaound\u00e9<\/span>\r\n          <span class=\"bef-route__sep\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 6v6\"\/><path d=\"M15 6v6\"\/><path d=\"M2 12h19.6\"\/><path d=\"M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2 0-.4-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><path d=\"M9 18h5\"\/><circle cx=\"16\" cy=\"18\" r=\"2\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"bef-route__city bef-route__city--dest\">Bafia<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Bons \u00e0 savoir -->\r\n      <article class=\"bef-equipe__card\" style=\"transition-delay:.36s;\">\r\n        <div class=\"bef-equipe__icon\" aria-hidden=\"true\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bef-equipe__card-title\">Bons \u00e0 savoir<\/h3>\r\n        <p class=\"bef-equipe__card-p\">Restez connect\u00e9s pour les derni\u00e8res informations sur le programme, les transports partenaires et les services disponibles sur site.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"bef-equipe-closing\" class=\"bef-equipe__closing\">\r\n      <p class=\"bef-equipe__closing-text\">Bafia vous ouvre ses portes \u2014 pr\u00e9parez-vous \u00e0 vivre une exp\u00e9rience inoubliable.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n  function init() {\r\n    var header  = document.getElementById('bef-equipe-header');\r\n    var cards   = document.querySelectorAll('#bef-equipe-grid .bef-equipe__card');\r\n    var closing = document.getElementById('bef-equipe-closing');\r\n    if (!('IntersectionObserver' in window)) {\r\n      if (header)  header.classList.add('bef-in');\r\n      if (closing) closing.classList.add('bef-in');\r\n      cards.forEach(function(c){ c.classList.add('bef-in'); });\r\n      return;\r\n    }\r\n    [header, closing].forEach(function(el){\r\n      if (!el) return;\r\n      new IntersectionObserver(function(entries, obs){\r\n        if (entries[0].isIntersecting){ el.classList.add('bef-in'); obs.disconnect(); }\r\n      }, { threshold: 0.15 }).observe(el);\r\n    });\r\n    if (cards.length) {\r\n      new IntersectionObserver(function(entries, obs){\r\n        if (entries[0].isIntersecting){\r\n          cards.forEach(function(c){ c.classList.add('bef-in'); });\r\n          obs.disconnect();\r\n        }\r\n      }, { threshold: 0.1 }).observe(cards[0]);\r\n    }\r\n  }\r\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\r\n  else init();\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c35d35c e-con e-atomic-element e-flexbox-base e-c35d35c-9dbb446 \" data-id=\"c35d35c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c35d35c\">\n    \t\t<div class=\"elementor-element elementor-element-3244fe1 elementor-widget elementor-widget-html\" data-id=\"3244fe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  WIDGET HTML ELEMENTOR \u2014 Bafia en f\u00eate \u00b7 Footer & Contact\r\n  ============================================================\r\n  \u2192 Pr\u00e9fixe BEM  : .bef-ft-\r\n  \u2192 Fond         : d\u00e9grad\u00e9 noir tr\u00e8s sombre\r\n  \u2192 Gauche       : logo + tagline + description + 4 r\u00e9seaux sociaux\r\n  \u2192 Droite       : carte glassmorphism avec logo organisateur +\r\n                   s\u00e9parateur vertical + 4 lignes contact + CTA\r\n  \u2192 Images       : 2 URLs \u00e0 remplacer depuis la m\u00e9diath\u00e8que WP\r\n      Logo festival  : src=\"logo-bef-footer.png\"   (h=216px)\r\n      Logo ALL-CI    : src=\"logo-allci-white.png\"  (h=156px, filter invert)\r\n  \u2192 Socials      : Facebook, Instagram, YouTube, Twitter\/X\r\n  \u2192 Pas de JS    : section statique\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n  .bef-ft * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  \/* \u2500\u2500 Footer \u2500\u2500 *\/\r\n  .bef-ft {\r\n    background: linear-gradient(#0a1020 0%, #060c18 100%);\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500 Lueur \u2500\u2500 *\/\r\n  .bef-ft__glow {\r\n    position: absolute;\r\n    top: 20%; left: 30%;\r\n    width: 600px; height: 400px;\r\n    background: radial-gradient(rgba(201,151,58,0.06) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 Conteneur \u2500\u2500 *\/\r\n  .bef-ft__container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 60px 24px 36px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u2500\u2500 Grille 2 colonnes \u2500\u2500 *\/\r\n  .bef-ft__main {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 56px;\r\n    margin-bottom: 56px;\r\n    align-items: start;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     COLONNE GAUCHE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .bef-ft__logo-img {\r\n    height: 216px;\r\n    width: auto;\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n    margin-bottom: 4px;\r\n  }\r\n  .bef-ft__tagline {\r\n    font-family: 'Dancing Script', cursive;\r\n    font-size: 2rem;\r\n    color: #c9973a;\r\n    font-weight: 600;\r\n    margin-bottom: 16px;\r\n    display: block;\r\n  }\r\n  .bef-ft__meta {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.88rem;\r\n    color: rgba(255,255,255,0.55);\r\n    line-height: 1.75;\r\n    max-width: 380px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Boutons sociaux *\/\r\n  .bef-ft__socials { display: flex; gap: 10px; margin-top: 4px; flex-wrap: wrap; }\r\n  .bef-ft__social-btn {\r\n    width: 40px; height: 40px;\r\n    border-radius: 12px;\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    background: rgba(255,255,255,0.07);\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: rgba(255,255,255,0.7);\r\n    text-decoration: none;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);\r\n    transition: background 0.2s, color 0.2s, border-color 0.2s;\r\n    flex-shrink: 0;\r\n  }\r\n  .bef-ft__social-btn:hover {\r\n    background: rgba(255,255,255,0.14);\r\n    color: #e8b84b;\r\n    border-color: rgba(232,184,75,0.35);\r\n    text-decoration: none;\r\n  }\r\n  .bef-ft__social-btn svg { stroke: currentColor; display: block; }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     COLONNE DROITE \u2014 carte\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .bef-ft__card {\r\n    backdrop-filter: blur(20px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n    background: rgba(255,255,255,0.05);\r\n    border-radius: 24px;\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 8px 32px rgba(0,0,0,0.30);\r\n    padding: 28px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 0;\r\n  }\r\n\r\n  \/* Sous-colonne logo organisateur *\/\r\n  .bef-ft__org {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding-right: 28px;\r\n    min-width: 140px;\r\n    flex-shrink: 0;\r\n  }\r\n  .bef-ft__org-label {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.7rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.12em;\r\n    color: rgba(255,255,255,0.40);\r\n    margin-bottom: 14px;\r\n    text-align: center;\r\n    display: block;\r\n  }\r\n  .bef-ft__org-logo {\r\n    height: 156px;\r\n    width: auto;\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n    filter: brightness(0) invert(1);\r\n    opacity: 0.9;\r\n    display: block;\r\n  }\r\n\r\n  \/* S\u00e9parateur vertical *\/\r\n  .bef-ft__divider {\r\n    width: 1px;\r\n    background: rgba(255,255,255,0.10);\r\n    align-self: stretch;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Sous-colonne contact *\/\r\n  .bef-ft__contact {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-left: 28px;\r\n    flex: 1;\r\n  }\r\n  .bef-ft__contact-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 1.15rem;\r\n    color: #e8b84b;\r\n    margin-bottom: 20px;\r\n    text-transform: none;\r\n    text-shadow: none;\r\n  }\r\n\r\n  \/* Lignes de contact *\/\r\n  .bef-ft__contact-list { display: flex; flex-direction: column; gap: 13px; margin-bottom: 24px; }\r\n  .bef-ft__contact-row  { display: flex; align-items: center; gap: 12px; }\r\n  .bef-ft__contact-ico  {\r\n    width: 32px; height: 32px;\r\n    border-radius: 10px;\r\n    background: rgba(201,151,58,0.12);\r\n    border: 1px solid rgba(201,151,58,0.20);\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0; color: #c9973a;\r\n  }\r\n  .bef-ft__contact-ico svg { stroke: currentColor; display: block; }\r\n  .bef-ft__contact-val {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.9rem;\r\n    color: rgba(255,255,255,0.80);\r\n  }\r\n\r\n  \/* CTA *\/\r\n  .bef-ft__cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: linear-gradient(135deg, #c9973a 0%, #e8b84b 100%);\r\n    color: #111111;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.83rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n    padding: 12px 24px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 4px 20px rgba(201,151,58,0.35);\r\n    align-self: flex-start;\r\n    transition: opacity 0.2s, transform 0.2s;\r\n    line-height: 1;\r\n  }\r\n  .bef-ft__cta:hover { opacity: 0.88; transform: translateY(-1px); color: #111111; text-decoration: none; }\r\n\r\n  \/* \u2500\u2500 Barre de bas de page \u2500\u2500 *\/\r\n  .bef-ft__bottom {\r\n    border-top: 1px solid rgba(255,255,255,0.07);\r\n    padding-top: 24px;\r\n    text-align: center;\r\n  }\r\n  .bef-ft__copy {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 0.78rem;\r\n    color: rgba(255,255,255,0.32);\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .bef-ft__main { grid-template-columns: 1fr; gap: 32px; }\r\n    .bef-ft__card { flex-direction: column; }\r\n    .bef-ft__org  { flex-direction: row; padding-right: 0; padding-bottom: 20px; min-width: unset; justify-content: flex-start; gap: 16px; }\r\n    .bef-ft__org-label { margin-bottom: 0; }\r\n    .bef-ft__divider { width: 100%; height: 1px; align-self: auto; }\r\n    .bef-ft__contact { padding-left: 0; padding-top: 20px; }\r\n    .bef-ft__container { padding: 48px 20px 28px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2461 Markup -->\r\n<footer id=\"contact\" class=\"bef-ft\" role=\"contentinfo\">\r\n\r\n  <div class=\"bef-ft__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"bef-ft__container\">\r\n    <div class=\"bef-ft__main\">\r\n\r\n      <!-- \u2500\u2500 Colonne gauche \u2500\u2500 -->\r\n      <div>\r\n        <!--\r\n          \u2193 Remplacer src par l'URL m\u00e9diath\u00e8que WP\r\n             ex. src=\"https:\/\/votredomaine.com\/wp-content\/uploads\/logo-bef.png\"\r\n        -->\r\n        <img decoding=\"async\" class=\"bef-ft__logo-img\"\r\n             src=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/LOGO-SITE-2-1-e1782142688497.png\"\r\n             style=\"width: 250px; height: auto;\"\r\n         \r\n             alt=\"Bafia en f\u00eate\"\r\n             loading=\"lazy\">\r\n\r\n        <span class=\"bef-ft__tagline\">Festival Culturel &amp; Artistique<\/span>\r\n\r\n        <p class=\"bef-ft__meta\">\r\n          Organis\u00e9 par Alliance Culture &amp; Impact (ALL-CI) \u00b7 22 D\u00e9cembre 2026 \u2013 02 Janvier 2027 \u00b7 Stade Municipal de Bafia\r\n        <\/p>\r\n\r\n        <!-- R\u00e9seaux sociaux -->\r\n        <div class=\"bef-ft__socials\">\r\n\r\n          <a class=\"bef-ft__social-btn\" href=\"#\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a class=\"bef-ft__social-btn\" href=\"#\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/>\r\n              <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/>\r\n              <line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a class=\"bef-ft__social-btn\" href=\"#\" aria-label=\"YouTube\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"\/>\r\n              <path d=\"m10 15 5-3-5-3z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a class=\"bef-ft__social-btn\" href=\"#\" aria-label=\"Twitter\/X\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 Colonne droite : carte contact \u2500\u2500 -->\r\n      <div class=\"bef-ft__card\">\r\n\r\n        <!-- Organisateur -->\r\n        <div class=\"bef-ft__org\">\r\n          <span class=\"bef-ft__org-label\">Organisateur<\/span>\r\n          <!--\r\n            \u2193 Remplacer src par l'URL m\u00e9diath\u00e8que WP (logo blanc)\r\n               ex. src=\"https:\/\/votredomaine.com\/wp-content\/uploads\/logo-allci-nb.png\"\r\n          -->\r\n          <img decoding=\"async\" class=\"bef-ft__org-logo\"\r\n               src=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/LOGO-nb.png\"\r\n               style=\"width: 80px; height: auto;\"\r\n               alt=\"Logo Alliance Culture &amp; Impact\"\r\n               loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <!-- S\u00e9parateur -->\r\n        <div class=\"bef-ft__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n        <!-- Infos contact -->\r\n        <div class=\"bef-ft__contact\">\r\n          <h3 class=\"bef-ft__contact-title\">Contact<\/h3>\r\n\r\n          <div class=\"bef-ft__contact-list\">\r\n\r\n            <div class=\"bef-ft__contact-row\">\r\n              <div class=\"bef-ft__contact-ico\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <a href=\"tel:+237692532974\" class=\"bef-ft__contact-val\" style=\"color: rgba(255,255,255,.8); text-decoration: none;\">692 532 974 \/ 671 928 988<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"bef-ft__contact-row\">\r\n              <div class=\"bef-ft__contact-ico\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/>\r\n                  <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <a href=\"mailto:bafiaenfete@all-ci.com\" class=\"bef-ft__contact-val\" style=\"color: rgba(255,255,255,.8); text-decoration: none;\">bafiaenfete@all-ci.com<\/a>\r\n            <\/div>\r\n\r\n           \r\n\r\n            <div class=\"bef-ft__contact-row\">\r\n              <div class=\"bef-ft__contact-ico\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"\/>\r\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"bef-ft__contact-val\">Bafia \u2013 Stade Municipal<\/span>\r\n            <\/div>\r\n\r\n          <\/div><!-- \/.bef-ft__contact-list -->\r\n\r\n          <a class=\"bef-ft__cta\"\r\n             href=\"#sponsoring\"\r\n             onclick=\"event.preventDefault(); befGo(event,'#sponsoring')\">\r\n            Devenir Partenaire\r\n          <\/a>\r\n\r\n        <\/div><!-- \/.bef-ft__contact -->\r\n      <\/div><!-- \/.bef-ft__card -->\r\n\r\n    <\/div><!-- \/.bef-ft__main -->\r\n\r\n    <!-- Bas de page -->\r\n    <div class=\"bef-ft__bottom\">\r\n      <p class=\"bef-ft__copy\">\u00a9 2026 Alliance Culture &amp; Impact \u2014 Festival Culturel &amp; Artistique Bafia en F\u00eate. Tous droits r\u00e9serv\u00e9s.<\/p>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/.bef-ft__container -->\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BAFIA en f\u00eate Le Festival L&rsquo;Exp\u00e9rience \u00c0 Propos Visibilit\u00e9 Sponsoring Contact Dossier Sponsor Le Festival L&rsquo;Exp\u00e9rience \u00c0 Propos Visibilit\u00e9 Sponsoring Contact Dossier Sponsor Festival Culturel &amp; Artistique 22 D\u00e9cembre 2026 \u2013 02 Janvier 2027 Stade Municipal de Bafia D\u00e9couvrir le Festival Le festival commence dans\u2026 &#8212; Jours &#8212; Heures &#8212; Minutes &#8212; Secondes Pr\u00e9sentation du [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil - Bafia en F\u00eate<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/all-ci.com\/bafiaenfete\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil - Bafia en F\u00eate\" \/>\n<meta property=\"og:description\" content=\"BAFIA en f\u00eate Le Festival L&rsquo;Exp\u00e9rience \u00c0 Propos Visibilit\u00e9 Sponsoring Contact Dossier Sponsor Le Festival L&rsquo;Exp\u00e9rience \u00c0 Propos Visibilit\u00e9 Sponsoring Contact Dossier Sponsor Festival Culturel &amp; Artistique 22 D\u00e9cembre 2026 \u2013 02 Janvier 2027 Stade Municipal de Bafia D\u00e9couvrir le Festival Le festival commence dans\u2026 &#8212; Jours &#8212; Heures &#8212; Minutes &#8212; Secondes Pr\u00e9sentation du [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/all-ci.com\/bafiaenfete\/\" \/>\n<meta property=\"og:site_name\" content=\"Bafia en F\u00eate\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-24T13:04:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/L2.b0f08d63.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"42 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/\",\"url\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/\",\"name\":\"Accueil - Bafia en F\u00eate\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2026\\\/06\\\/L2.b0f08d63.jpg\",\"datePublished\":\"2026-06-21T21:18:07+00:00\",\"dateModified\":\"2026-06-24T13:04:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/#primaryimage\",\"url\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2026\\\/06\\\/L2.b0f08d63.jpg\",\"contentUrl\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2026\\\/06\\\/L2.b0f08d63.jpg\",\"width\":2048,\"height\":1652},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/#website\",\"url\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/\",\"name\":\"Bafia en F\u00eate\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/all-ci.com\\\/bafiaenfete\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accueil - Bafia en F\u00eate","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/all-ci.com\/bafiaenfete\/","og_locale":"fr_FR","og_type":"article","og_title":"Accueil - Bafia en F\u00eate","og_description":"BAFIA en f\u00eate Le Festival L&rsquo;Exp\u00e9rience \u00c0 Propos Visibilit\u00e9 Sponsoring Contact Dossier Sponsor Le Festival L&rsquo;Exp\u00e9rience \u00c0 Propos Visibilit\u00e9 Sponsoring Contact Dossier Sponsor Festival Culturel &amp; Artistique 22 D\u00e9cembre 2026 \u2013 02 Janvier 2027 Stade Municipal de Bafia D\u00e9couvrir le Festival Le festival commence dans\u2026 &#8212; Jours &#8212; Heures &#8212; Minutes &#8212; Secondes Pr\u00e9sentation du [&hellip;]","og_url":"https:\/\/all-ci.com\/bafiaenfete\/","og_site_name":"Bafia en F\u00eate","article_modified_time":"2026-06-24T13:04:30+00:00","og_image":[{"url":"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/L2.b0f08d63.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"42 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/all-ci.com\/bafiaenfete\/","url":"https:\/\/all-ci.com\/bafiaenfete\/","name":"Accueil - Bafia en F\u00eate","isPartOf":{"@id":"https:\/\/all-ci.com\/bafiaenfete\/#website"},"primaryImageOfPage":{"@id":"https:\/\/all-ci.com\/bafiaenfete\/#primaryimage"},"image":{"@id":"https:\/\/all-ci.com\/bafiaenfete\/#primaryimage"},"thumbnailUrl":"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/L2.b0f08d63.jpg","datePublished":"2026-06-21T21:18:07+00:00","dateModified":"2026-06-24T13:04:30+00:00","breadcrumb":{"@id":"https:\/\/all-ci.com\/bafiaenfete\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/all-ci.com\/bafiaenfete\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/all-ci.com\/bafiaenfete\/#primaryimage","url":"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/L2.b0f08d63.jpg","contentUrl":"https:\/\/all-ci.com\/bafiaenfete\/wp-content\/uploads\/sites\/2\/2026\/06\/L2.b0f08d63.jpg","width":2048,"height":1652},{"@type":"BreadcrumbList","@id":"https:\/\/all-ci.com\/bafiaenfete\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/all-ci.com\/bafiaenfete\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/all-ci.com\/bafiaenfete\/#website","url":"https:\/\/all-ci.com\/bafiaenfete\/","name":"Bafia en F\u00eate","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/all-ci.com\/bafiaenfete\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/all-ci.com\/bafiaenfete\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/all-ci.com\/bafiaenfete\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/all-ci.com\/bafiaenfete\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/all-ci.com\/bafiaenfete\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/all-ci.com\/bafiaenfete\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":82,"href":"https:\/\/all-ci.com\/bafiaenfete\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":122,"href":"https:\/\/all-ci.com\/bafiaenfete\/wp-json\/wp\/v2\/pages\/10\/revisions\/122"}],"wp:attachment":[{"href":"https:\/\/all-ci.com\/bafiaenfete\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}