array(9) {
  [0]=>
  array(9) {
    ["id"]=>
    int(18)
    ["titre"]=>
    string(36) "COMMUNIQUE DE PRESSE - FOCUS OUTDOOR"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(27) "bathysca_outdoor_UL_RVB.jpg"
    ["description"]=>
    string(92) "<div>Quand la cheminée quitte la maison pour devenir une expérience à ciel ouvert !</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(52) "fr-communique-de-presse-focus-outdoor_1772544354.pdf"
    ["date"]=>
    string(10) "2026-03-01"
    ["lang"]=>
    string(2) "fr"
  }
  [1]=>
  array(9) {
    ["id"]=>
    int(39)
    ["titre"]=>
    string(43) "Salon Maison&Objet du 15 au 19 janvier 2026"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(10) "M&O-CP.jpg"
    ["description"]=>
    string(650) "À l’occasion du salon Maison &amp; Objet, Focus vous donne rendez-vous pour découvrir : ·       deux nouvelles pièces de mobilier exclusives, imaginées par Christophe Ployé́, responsable des projets design de la marque, ·       ainsi que nos deux icônes intemporelles, récompensées par les plus grands concours de design : le Gyrofocus et le braséro Bubble. Espace PROJECTS – Manufactures d’Excellence – Focus Création – Hall 2 | Stand O87<br><br> Présent au sein du Village des Entreprises du Patrimoine Vivant (EPV), Focus met en lumière des créations contemporaines portées par un savoir-faire industriel labellisé EPV."
    ["description_en"]=>
    NULL
    ["document"]=>
    string(42) "fr-communique-de-presse-m_o_1767791727.pdf"
    ["date"]=>
    string(10) "2026-01-06"
    ["lang"]=>
    string(2) "fr"
  }
  [2]=>
  array(9) {
    ["id"]=>
    int(1)
    ["titre"]=>
    string(41) "COMMUNIQUE DE PRESSE – GAMME BIOETHANOL"
    ["titre_en"]=>
    string(0) ""
    ["visuel"]=>
    string(30) "Ergo-bioethanol-RVB--HD-02.jpg"
    ["description"]=>
    string(472) "<div>2024, une nouvelle année exceptionnelle pour Focus avec l’arrivée&nbsp;<span style="font-size: 1rem;">de sa nouvelle gamme bioéthanol, transformant le paysage des&nbsp;</span><span style="font-size: 1rem;">cheminées contemporaines. Toujours aussi élégants avec leur&nbsp;</span><span style="font-size: 1rem;">design flottant, les modèles Ergofocus, Gyrofocus et Domofocus</span></div><div>voient leurs flammes alimentées désormais par le bioéthanol.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(54) "fr-communique-de-presse-gammebioethanol_1747907932.pdf"
    ["date"]=>
    string(10) "2024-07-01"
    ["lang"]=>
    string(2) "fr"
  }
  [3]=>
  array(9) {
    ["id"]=>
    int(2)
    ["titre"]=>
    string(41) "COMMUNIQUE DE PRESSE DESIGN WEEK DE MILAN"
    ["titre_en"]=>
    string(0) ""
    ["visuel"]=>
    string(21) "img_682ef58a51db4.jpg"
    ["description"]=>
    string(649) "<div>Du 16 au 21 avril à l’occasion de Milano Design Week 2024, la marque emblématique de cheminées&nbsp;<span style="font-size: 1rem;">design accueille les professionnels du meuble dans le showroom éphémère installé dans lsola Design&nbsp;</span><span style="font-size: 1rem;">District, quartier des design innovants et émergeants. Une occasion unique de découvrir le design&nbsp;</span><span style="font-size: 1rem;">intemporel Focus des toutes dernières icônes de technologie et de créativité dans une scénographie&nbsp;</span><span style="font-size: 1rem;">imaginée par EASY LIVING, partenaire premium de la marque.</span></div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(43) "fr-communique-de-presse-mdw1_1747907978.pdf"
    ["date"]=>
    string(10) "2024-03-01"
    ["lang"]=>
    string(2) "fr"
  }
  [4]=>
  array(9) {
    ["id"]=>
    int(3)
    ["titre"]=>
    string(58) "COMMUNIQUE DE PRESSE – ERGOFOCUS HOLOGRAPHIK® CHAUFFANT"
    ["titre_en"]=>
    string(0) ""
    ["visuel"]=>
    string(31) "Ergofocus-holo-GARAGE-LILLE.jpg"
    ["description"]=>
    string(250) "<div>Focus propose désormais l’option chauffante pour son&nbsp;<span style="font-size: 1rem;">Ergofocus Holographik® avec une diffusion de chaleur&nbsp;</span><span style="font-size: 1rem;">douce qui renforce l’effet de réalisme !</span></div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(33) "cp_ergo_holo_fr_aw_1747908154.pdf"
    ["date"]=>
    string(10) "2023-11-01"
    ["lang"]=>
    string(2) "fr"
  }
  [5]=>
  array(9) {
    ["id"]=>
    int(4)
    ["titre"]=>
    string(34) "COMMUNIQUE DE PRESSE ERGOFOCUS GAZ"
    ["titre_en"]=>
    string(0) ""
    ["visuel"]=>
    string(39) "Ergo_gaz_s_Jaulmes_Focus_RVB-230704.jpg"
    ["description"]=>
    string(321) "<div>Le design intemporel de l’Ergofocus est désormais disponible&nbsp;<span style="font-size: 1rem;">en version Gaz, une innovation mondiale brevetée.&nbsp;</span></div><div>Créé en 1983 par Dominique Imbert, fondateur de Focus,&nbsp;<span style="font-size: 1rem;">son design n’a pas pris une ride !</span></div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(50) "fr-communiquedepresse-ergofocus_gaz_1747908258.pdf"
    ["date"]=>
    string(10) "2023-10-01"
    ["lang"]=>
    string(2) "fr"
  }
  [6]=>
  array(9) {
    ["id"]=>
    int(23)
    ["titre"]=>
    string(61) "COMMUNIQUE DE PRESSE – German Design Award Gyrofocus vitré"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(24) "Gyrofocus_glazed_RVB.jpg"
    ["description"]=>
    string(300) "<div>Le Gyrofocus Vitré remporte le Prix&nbsp;<span style="font-size: 1rem;">« Or » du German Design Award 2023&nbsp;</span><span style="font-size: 1rem;">Catégorie « Excellente Conception de Produit&nbsp;</span><span style="font-size: 1rem;">Classiques et Rééditions du Design »</span></div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(0) ""
    ["date"]=>
    string(10) "2022-12-01"
    ["lang"]=>
    string(2) "fr"
  }
  [7]=>
  array(9) {
    ["id"]=>
    int(28)
    ["titre"]=>
    string(65) "COMMUNIQUE DE PRESSE – GAMME ÉCO-PERFORMANTE DE FOYERS VITRÉS"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(38) "Capture d'écran 2025-09-17 145911.png"
    ["description"]=>
    string(263) "<div>Focus présente une sélection de trois modèles certifiés Ecodesign. Ces trois modèles iconiques de la marque, désormais disponibles en version vitrée dans le respect des réglementations environnementales en vigueur, sont protégés par un Brevet</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(0) ""
    ["date"]=>
    string(10) "2022-11-01"
    ["lang"]=>
    string(2) "fr"
  }
  [8]=>
  array(9) {
    ["id"]=>
    int(33)
    ["titre"]=>
    string(38) "COMMUNIQUE DE PRESSE – Gyrofocus Gaz"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(24) "gyrofocus_gas_WH_RVB.jpg"
    ["description"]=>
    string(279) "<div>Focus signe une innovation mondiale avec un brevet déposé en dotant&nbsp;<span style="font-size: 1rem;">son modèle iconique, le Gyrofocus, de la technologie gaz tout en conservant&nbsp;</span><span style="font-size: 1rem;">le légendaire pivotement du foyer.</span></div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(0) ""
    ["date"]=>
    string(10) "2020-11-01"
    ["lang"]=>
    string(2) "fr"
  }
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/css/base.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Marcellus&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" integrity="sha384-…" crossorigin="anonymous" >
  <link rel="stylesheet" href="/css/collection.css">
 <title>Espace Presse</title>
 <style type="text/css">
.filter-group {
  position: relative;
  display: inline-block;
  margin: 5rem 0 1rem;
  width: 100%;
  text-align: center;
}
.filter-group::after {
  content: '';
}

/* Boutons */
a.btn-blanc,
a.btn-blanc_bis {
  font-family: 'Acumin Pro Bold', sans-serif !important;
  color: #fff;
  width: 30%;
  padding: 15px 10px 10px 10px;
  border: none;
  transition: 0.5s;
  text-transform: uppercase;
}


a.btn-blanc {
  background-color: white;
}

a.btn-blanc_bis {
  font-size: 1rem;
  font-family: 'Acumin Pro Bold', sans-serif;
  padding-top: 10px;
}

/* Hover séparés (corrigé) */
a.btn-blanc:hover {
  background-color: #fff;
  cursor: pointer;
  color: #000;
}

a.btn-blanc_bis:hover {
  background-color: #fff;
  cursor: pointer;
  color: #000;
}

/* Dossier presse */
.doss-press {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 900px;
  box-shadow: 5px 5px 11px 3px silver;
  border-radius: 20px;
  overflow: hidden;
  margin: 1rem auto;
  background: white;
  transition: 0.25s;
}

.doss-img {
  flex: 0 0 400px;
  height: 100%;
}
.doss-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.doss-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  flex: 1;
  font-family: 'Acumin Pro Bold', sans-serif;
  font-size: 1rem;
  gap: 1rem;
}
.doss-text {
  flex-grow: 1;
  text-align: left;
  font-size: 1.25rem;
}

/* Titres & textes */
.card-title,
.press-card-title {
  font-family: 'Acumin Pro Bold', sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  max-width: 90%;
}
.card-text,
.press-card-text {
  font-family: 'Acumin Pro', sans-serif;
  font-size: 0.9rem;
  color: #333;
}

/* Grille */
.custom-presse-grid {
  margin-top: 3rem;
}
.mois-titre {
  font-family: 'Marcellus', serif;
  font-size: 1.6rem;
  margin: 2rem 0 0.5rem;
  text-align: left;
}
.mois-titre hr {
  margin: 0.5rem 0 1.5rem;
  border: none;
  border-top: 1px solid #ccc;
  width: 100%;
}
.press-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 3rem;
}

/* Carte de presse */
.press-card {
  width: 100%%;
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.3s ease;
}
.press-card:hover {
/*  transform: translateY(-5px);*/
}
.press-card-image img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 10px;
}
.press-card-body {
  padding: 1rem 1.2rem;
  position: relative;
}
.toggle-description-btn {
    position: absolute;
    top: 1.3rem;
    right: 0.3rem;
    border: none;
    color: #000000;
    font-size: 1.5rem;
    cursor: pointer;
    transition: transform 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 0;
}

.toggle-description-btn.rotated {
  transform: rotate(45deg);
  background-color: #fff;
  color: #000;
}
.press-card-footer {
  padding: 0.5rem 1.2rem 1rem;
  text-align: right;
}

/* Utilitaire */
.d-none {
  display: none !important;
}
.mois-ligne {
  display: flex;
  align-items: center;
  font-family: 'Marcellus', serif;
  font-size: 1.2rem;
  margin: 1rem 1.2rem 0.5rem;
  color: #000;
}

.mois-ligne::after {
    content: '';
    flex-grow: 1;
    height: 2px;
    background-color: #000;
    margin-left: 1rem;
}

.press-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
  box-shadow: none;
}

.press-card-inner {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #c0c0c07a;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
    padding: 10px;
}

.press-card-inner:hover {
/*  transform: translateY(-5px);*/
}

.mois-ligne {
  display: flex;
  align-items: center;
  font-family: 'Marcellus', serif;
  font-size: 1.2rem;
  margin: 1rem 1.2rem 0.5rem;
  color: #000;
}

.mois-ligne::after {
  content: '';
  flex-grow: 1;
  height: 1px;
  background-color: #000;
  margin-left: 1rem;
}

.press-card-extra {
  margin-top: 1rem;
}

.press-card-footer {
  text-align: right;
  padding-top: 0.5rem;
}

a.btn.btn-blanc {
    font-family: 'Acumin Pro Bold', sans-serif !important;
    color: #000;
    background-color: #fff;
    border: 0px solid #000;
    transition: 0.5s;
    width: 30% !important;
    text-transform: uppercase;
    padding: 15px 10px 10px 10px;
    font-size: 20px;
}
a.btn.btn-blanc_bis.spec {
    font-family: 'Acumin Pro Bold', sans-serif !important;
    color: #fff;
    border: 2px solid #fff;
    transition: 0.5s;
    width: 30% !important;
    text-transform: uppercase;
    padding: 15px 10px 10px 10px;
    font-size: 20px;
}

a.btn.btn-blanc_bis.spec:hover {
    color: #000;
}


.py-5 {
    padding-top: 1rem !important;
}
/* Responsive */
@media (max-width: 768px) {
  .press-grid {
    grid-template-columns: 1fr;
  }
}
a.btn.btn-blanc:hover {
    cursor: default;
    color: #000;
    background-color: #fff;
    border: 0px ;
    transition: 0.5s;
}
.gif-dl {
  transition: 0.5s;
}
.gif-dl:hover {
  filter: brightness(0) saturate(100%) invert(16%) sepia(100%) saturate(10000%) hue-rotate(-10deg);
  transition: 0.5s;
}

.doss-press:hover{
    box-shadow: 2px 2px 8px 1px silver;
    background-color: #ffeaea;
    transition: 0.25s;
}

.doss-press:active {
    box-shadow: 2px 2px 6px 2px silver;
}

@media (max-width: 1025px) {
  .press-card-image img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 10px;
  }
}

span.soon {
    position: absolute;
    top: 10px;
    right: 53px;
    transform: rotateZ(-40deg);
    text-shadow: 0px 0px 8px #ff0000;
    color: #fff;
}
  #main {
      max-width: 100vw;
  }

.filter-group {
    position: relative;
    display: inline-block;
    margin: 0rem;
    width: 100%;
    text-align: center;
    top: -200px;
    z-index: 3;
}
.spec {
    margin-right: 30px;
}


@media only screen and (max-width: 768px) {
    body {
        font-family: 'Acumin Pro Wide Light';
    }
    .ruban_actions {
        width: 100%;
        background: transparent;
        height: auto;
        margin: 0 auto;
        text-align: center;
        display: block;
        z-index: 2;
        position: relative;
        top: -85px;
    }

    #main.first-part-produit-presse {
        height: 330px;
    }

    #main.first-part-produit-presse h1 {
        font-size: 36px !important;
        top: -40px;
    }

    #main .titre-section-produit {
        top: -75px;
    }

    a.btn.btn-blanc {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        font-family: 'Acumin Pro Bold', sans-serif !important;
        text-transform: uppercase;
        padding: 9px 10px 6px;
        width: 95%;
        display: inline-block;
        border-radius: 6px;
        font-size: 14px;
        margin: 10px;
        border: 0px solid #FFF;
    }
    a.btn.btn-blanc_bis.spec {
        color: #fff;
        text-decoration: none;
        font-family: 'Acumin Pro Bold', sans-serif !important;
        text-transform: uppercase;
        padding: 9px 10px 6px;
        width: 38% !important;
        display: inline-block;
        border-radius: 6px;
        font-size: 14px;
        margin: 0px 10px auto;
        border: 2px solid #FFF;
    }
  .filter-group {
      position: relative;
      display: inline-block;
      margin: 0rem;
      width: 100%;
      text-align: center;
      top: -154px;
      z-index: 3;
  }
  .doss-press {
      display: flex;
      align-items: center;
      width: 100%;
      box-shadow: 5px 5px 11px 3px silver;
      border-radius: 6px;
      overflow: hidden;
      margin: 1rem auto;
      background: white;
      transition: 0.25s;
      flex-direction: column;
      justify-content: center;
      top: -45px;
      position: relative;
  }
  .doss-img {
      flex: 0 0 100%;
      height: 100%;
  }
span.soon {
    position: absolute;
    top: 85px;
    right: 31px;
    transform: rotateZ(-40deg);
    text-shadow: 0px 0px 8px #ff0000;
    color: #fff;
}

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

  .spec {
      margin-right: 20px;
  }
  a.btn.btn-blanc.spec {
    width: 32% !important;
  }
  span.soon {
      position: absolute;
      top: 31px;
      right: 23px;
      transform: rotateZ(-40deg);
      text-shadow: 0px 0px 8px #ff0000;
      color: #fff;
  }
  .footer-column.newsletter {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
  }
  
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
}

@media only screen and (min-width: 1401px) and (max-width: 1914px) {
}

@media only screen and (min-width: 1915px) {
}




 </style>

</head>
<body>
 

<br />
<b>Warning</b>:  include(include/navbar-bis.php): Failed to open stream: No such file or directory in <b>/home/preprod/public_html/presse.php</b> on line <b>589</b><br />
<br />
<b>Warning</b>:  include(): Failed opening 'include/navbar-bis.php' for inclusion (include_path='.:/usr/share/php') in <b>/home/preprod/public_html/presse.php</b> on line <b>589</b><br />

  <!-- Contenu principal -->
  <!-- Bandeau haut -->
  <section id="main" class="first-part-produit-presse">
    <div class="bandeau-haut">
      <div class="cover-content">
        <h1 class="titre-section-produit marcellus-regular">
          Espace Presse        </h1>
      </div>
    </div>
  </section>


<section class="third-part container py-5">

    <div class="filter-group">

      <a href="" class="btn btn-blanc spec">Communiqués de presse</a>
      <a href="banque-images.php" class="btn btn-blanc_bis spec" >Banque d&#039;images</a>
      <a href="" class="btn btn-blanc_bis spec" >Focus dans la presse</a><span class="soon">soon</span>

    </div>


    <a href="/medias/presse/FR_2022_dossier_de_presse_FOCUS.pdf" download style="text-decoration: none; color: #000;">
      <div class="doss-press">
        <div class="doss-img">
          <img src="medias/divers/dossier-presse.jpg" alt="Image dossier de presse">
        </div>
        <div class="doss-content">
          <div class="doss-text" >Télécharger le Dossier de Presse</div>
          <img src="medias/divers/download.gif" width="40" alt="Icône téléchargement">
        </div>
      </div>
    </a>



  <!-- NOUVELLE GRILLE DES COMMUNIQUES DE PRESSE -->
  <div id="presseGridContainer"></div>

  <!-- GRILLE DES COMMUNIQUES DE PRESSE
  <div class="custom-presse-grid">
    <div class="press-grid">
                      <div class="press-card">
          <div class="mois-ligne">Mars 2026</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/bathysca_outdoor_UL_RVB.jpg" alt="COMMUNIQUE DE PRESSE - FOCUS OUTDOOR">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">COMMUNIQUE DE PRESSE - FOCUS OUTDOOR</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Quand la cheminée quitte la maison pour devenir une expérience à ciel ouvert !</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/fr-communique-de-presse-focus-outdoor_1772544354.pdf" target="_blank">
                      <img src="medias/divers/download.gif" alt="Télécharger" width="30" class="gif-dl">
                    </a>
                  </div>
                              </div>
            </div>
          </div>
        </div>
                      <div class="press-card">
          <div class="mois-ligne">Janvier 2026</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/M&amp;O-CP.jpg" alt="Salon Maison&amp;Objet du 15 au 19 janvier 2026">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">Salon Maison&amp;Objet du 15 au 19 janvier 2026</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text">À l’occasion du salon Maison &amp; Objet, Focus vous donne rendez-vous pour découvrir : ·       deux nouvelles pièces de mobilier exclusives, imaginées par Christophe Ployé́, responsable des projets design de la marque, ·       ainsi que nos deux icônes intemporelles, récompensées par les plus grands concours de design : le Gyrofocus et le braséro Bubble. Espace PROJECTS – Manufactures d’Excellence – Focus Création – Hall 2 | Stand O87<br><br> Présent au sein du Village des Entreprises du Patrimoine Vivant (EPV), Focus met en lumière des créations contemporaines portées par un savoir-faire industriel labellisé EPV.</div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/fr-communique-de-presse-m_o_1767791727.pdf" target="_blank">
                      <img src="medias/divers/download.gif" alt="Télécharger" width="30" class="gif-dl">
                    </a>
                  </div>
                              </div>
            </div>
          </div>
        </div>
                      <div class="press-card">
          <div class="mois-ligne">Juillet 2024</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/Ergo-bioethanol-RVB--HD-02.jpg" alt="COMMUNIQUE DE PRESSE – GAMME BIOETHANOL">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">COMMUNIQUE DE PRESSE – GAMME BIOETHANOL</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>2024, une nouvelle année exceptionnelle pour Focus avec l’arrivée&nbsp;<span style="font-size: 1rem;">de sa nouvelle gamme bioéthanol, transformant le paysage des&nbsp;</span><span style="font-size: 1rem;">cheminées contemporaines. Toujours aussi élégants avec leur&nbsp;</span><span style="font-size: 1rem;">design flottant, les modèles Ergofocus, Gyrofocus et Domofocus</span></div><div>voient leurs flammes alimentées désormais par le bioéthanol.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/fr-communique-de-presse-gammebioethanol_1747907932.pdf" target="_blank">
                      <img src="medias/divers/download.gif" alt="Télécharger" width="30" class="gif-dl">
                    </a>
                  </div>
                              </div>
            </div>
          </div>
        </div>
                      <div class="press-card">
          <div class="mois-ligne">Mars 2024</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/img_682ef58a51db4.jpg" alt="COMMUNIQUE DE PRESSE DESIGN WEEK DE MILAN">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">COMMUNIQUE DE PRESSE DESIGN WEEK DE MILAN</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Du 16 au 21 avril à l’occasion de Milano Design Week 2024, la marque emblématique de cheminées&nbsp;<span style="font-size: 1rem;">design accueille les professionnels du meuble dans le showroom éphémère installé dans lsola Design&nbsp;</span><span style="font-size: 1rem;">District, quartier des design innovants et émergeants. Une occasion unique de découvrir le design&nbsp;</span><span style="font-size: 1rem;">intemporel Focus des toutes dernières icônes de technologie et de créativité dans une scénographie&nbsp;</span><span style="font-size: 1rem;">imaginée par EASY LIVING, partenaire premium de la marque.</span></div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/fr-communique-de-presse-mdw1_1747907978.pdf" target="_blank">
                      <img src="medias/divers/download.gif" alt="Télécharger" width="30" class="gif-dl">
                    </a>
                  </div>
                              </div>
            </div>
          </div>
        </div>
                      <div class="press-card">
          <div class="mois-ligne">Novembre 2023</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/Ergofocus-holo-GARAGE-LILLE.jpg" alt="COMMUNIQUE DE PRESSE – ERGOFOCUS HOLOGRAPHIK® CHAUFFANT">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">COMMUNIQUE DE PRESSE – ERGOFOCUS HOLOGRAPHIK® CHAUFFANT</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Focus propose désormais l’option chauffante pour son&nbsp;<span style="font-size: 1rem;">Ergofocus Holographik® avec une diffusion de chaleur&nbsp;</span><span style="font-size: 1rem;">douce qui renforce l’effet de réalisme !</span></div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/cp_ergo_holo_fr_aw_1747908154.pdf" target="_blank">
                      <img src="medias/divers/download.gif" alt="Télécharger" width="30" class="gif-dl">
                    </a>
                  </div>
                              </div>
            </div>
          </div>
        </div>
                      <div class="press-card">
          <div class="mois-ligne">Octobre 2023</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/Ergo_gaz_s_Jaulmes_Focus_RVB-230704.jpg" alt="COMMUNIQUE DE PRESSE ERGOFOCUS GAZ">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">COMMUNIQUE DE PRESSE ERGOFOCUS GAZ</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Le design intemporel de l’Ergofocus est désormais disponible&nbsp;<span style="font-size: 1rem;">en version Gaz, une innovation mondiale brevetée.&nbsp;</span></div><div>Créé en 1983 par Dominique Imbert, fondateur de Focus,&nbsp;<span style="font-size: 1rem;">son design n’a pas pris une ride !</span></div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/fr-communiquedepresse-ergofocus_gaz_1747908258.pdf" target="_blank">
                      <img src="medias/divers/download.gif" alt="Télécharger" width="30" class="gif-dl">
                    </a>
                  </div>
                              </div>
            </div>
          </div>
        </div>
                      <div class="press-card">
          <div class="mois-ligne">Décembre 2022</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/Gyrofocus_glazed_RVB.jpg" alt="COMMUNIQUE DE PRESSE – German Design Award Gyrofocus vitré">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">COMMUNIQUE DE PRESSE – German Design Award Gyrofocus vitré</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Le Gyrofocus Vitré remporte le Prix&nbsp;<span style="font-size: 1rem;">« Or » du German Design Award 2023&nbsp;</span><span style="font-size: 1rem;">Catégorie « Excellente Conception de Produit&nbsp;</span><span style="font-size: 1rem;">Classiques et Rééditions du Design »</span></div></div>

                              </div>
            </div>
          </div>
        </div>
                      <div class="press-card">
          <div class="mois-ligne">Novembre 2022</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/Capture d&#039;écran 2025-09-17 145911.png" alt="COMMUNIQUE DE PRESSE – GAMME ÉCO-PERFORMANTE DE FOYERS VITRÉS">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">COMMUNIQUE DE PRESSE – GAMME ÉCO-PERFORMANTE DE FOYERS VITRÉS</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Focus présente une sélection de trois modèles certifiés Ecodesign. Ces trois modèles iconiques de la marque, désormais disponibles en version vitrée dans le respect des réglementations environnementales en vigueur, sont protégés par un Brevet</div></div>

                              </div>
            </div>
          </div>
        </div>
                      <div class="press-card">
          <div class="mois-ligne">Novembre 2020</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/gyrofocus_gas_WH_RVB.jpg" alt="COMMUNIQUE DE PRESSE – Gyrofocus Gaz">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">COMMUNIQUE DE PRESSE – Gyrofocus Gaz</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Focus signe une innovation mondiale avec un brevet déposé en dotant&nbsp;<span style="font-size: 1rem;">son modèle iconique, le Gyrofocus, de la technologie gaz tout en conservant&nbsp;</span><span style="font-size: 1rem;">le légendaire pivotement du foyer.</span></div></div>

                              </div>
            </div>
          </div>
        </div>
          </div>
  </div> -->



</section>

    <hr><section class="prim-next-section-9">
  <div class="contact-container">

    <div class="contact-image">
      <img src="/images/autres/img-information.jpg" alt="Besoin d'informations">
    </div>

    <div class="contact-content">
      <h6>Contact</h6>
      <h1>Vous avez besoin<br>d’informations&nbsp;?</h1>
      <p>Prenez contact avec nos équipes, nous reviendrons vers vous dans les plus brefs délais.</p>
      <div class="contact-buttons">
        <a href="contact.php" class="btn-contact">Je souhaite être contacté<span>></span></a>
        <a href="demande-devis.php" class="btn-contact">DEMANDER UN DEVIS<span>></span></a>
        <a href="points-de-vente.php" class="btn-contact">Trouver un revendeur<span>></span></a>
      </div>
    </div>

  </div>
</section>

<style type="text/css">
  .headquarter {
    width: 100%;
    text-align: right;
  }
  .modal-body-footer {
    background-color: #d5d5d5;
  }

  #tarteaucitronPrivacyUrlDialog {
      background: #fff;
      color: #b70303;
      margin-bottom: 3px;
      margin-left: 7px;
      padding: 5px 10px;
      background-color: #ffe81a;
      border-radius: 5px;
      box-shadow: 2px 2px 4px silver;
  }

  #tarteaucitronPrivacyUrlDialog::hover {
      color: #fff;
      background-color: #f91515;
      border-radius: 5px;
      box-shadow: 2px 2px 4px silver;
  }
  .ok_rgpd {
      color: #000;
      text-align: center;
  }

  .ok_rgpd a{
      color: #000;
      text-decoration: none;
  }


</style>

<footer class="footer">
  <div class="footer-inner">

    <div class="footer-top">
      <!-- Logo -->
      <div class="footer-logo">
        <!-- <img src="/medias/logo_focus.svg" alt="Focus logo"> -->
      </div>

      <!-- Colonnes -->
      <div class="footer-links">
        <div class="footer-column">
          <h1 class="footer-h1">Catalogue</h1>
          <ul>
            <li><a href="collection.php?famille=1" class="footer-link">Collection Chauffage</a></li>
            <li><a href="collection.php?famille=2" class="footer-link">Collection Décorative</a></li>
            <li><a href="collection.php?famille=3" class="footer-link">Collection Outdoor</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">Explorer</h1>
          <ul>
            <li><a href="realisation.php" class="footer-link">Inspiration</a></li>
            <li><a href="telechargement.php" class="footer-link">Brochures</a></li>
            <li><a href="revendeurs.php" class="footer-link">Revendeurs</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">La marque</h1>
          <ul>
            <li><a href="histoire.php" class="footer-link">Genèse</a></li>
            <li><a href="actualites.php" class="footer-link">Actualités</a></li>
            <li><a href="manufacture.php" class="footer-link">Fabrication française</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">Professionnels</h1>
          <ul>
            <li><a href="hospitality.php" class="footer-link">Hospitalité</a></li>
            <li><a href="architectes.php" class="footer-link">Architectes</a></li>
            <li><a href="presse.php" class="footer-link">Espace Presse</a></li>
          </ul>
        </div>

        <!-- Newsletter + Contact -->
        <div class="footer-column newsletter">
          <h1 class="footer-h1">Newsletter</h1>
          <form class="newsletter-form" id="newsletter-form">
            <input type="email" name="email" placeholder="email" required>
            <button type="submit" class="footer-contact-btn">JE M’ABONNE</button>
            <p id="newsletter-message"></p>
          </form>
          <hr>

          <h1 class="footer-h1">Contact</h1>
          <a href="#" class="footer-contact-btn" data-bs-toggle="modal" data-bs-target="#contactModal">JE SOUHAITE êTRE CONTACTé &nbsp;&nbsp;></a>
        </div>
      </div>
    </div>

    <!-- Modal de contact -->
    <div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <form id="contactForm" method="POST" action="contact_process.php">
            <input type="hidden" name="form_time" id="form_time">
            <div class="modal-header">
              <h5 class="modal-title" id="contactModalLabel">Contactez-nous</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer" style="color: #fff; font-size: 2rem; position: relative; top: -10px;">X</button>
            </div>

            <div class="modal-body modal-body-footer">
              <div class="mb-3">
                <input type="text" name="nom" class="form-control" placeholder="Nom*" required>
              </div>
              <div class="mb-3">
                <input type="text" name="prenom" class="form-control" placeholder="Prénom*" required>
              </div>
              <div class="mb-3">
                <input type="email" name="email" class="form-control" placeholder="Courriel *" required>
              </div>
              <div class="mb-3">
                <input type="text" name="telephone" class="form-control" placeholder="Téléphone">
              </div>
              <div class="mb-3">
                <input type="text" name="pays" class="form-control" placeholder="Pays " required>
              </div>
              <div class="mb-3">
                <input type="hidden" name="lang" class="form-control" value="fr">
              </div>
              <div class="mb-3">
                <textarea name="message" class="form-control" rows="3" placeholder="Message *" required></textarea>
              </div>

              <div class="mb-3 ok_rgpd">
                Mes données sont traitées exclusivement par Focus et, si nécessaire, partagées avec le revendeur agréé le plus proche. <a href="rgpd.php" style="text-decoration: underline">Politique RGPD.</a>              </div>


              <!-- CAPTCHA -->
              <div class="mb-3 text-center" style="margin-bottom: 0rem !important;">
                <img src="captcha.php" alt="captcha" id="captcha-img" style="height:50px;cursor:pointer;" title="Cliquez pour rafraîchir">
                <button type="button" id="reload-captcha" class="btn btn-light btn-sm" style="padding: 10px; font-size: 19px;">↻</button>
                <input class="form-control mt-2" type="text" name="captcha" maxlength="5" required placeholder="CAPTCHA" style="width: 190px; margin: 0 auto; text-align: center;text-transform: capitalize;">
                <small id="captcha-status" style="margin-left:8px;"></small>
              </div>

              <div class="form-check mb-3 overwrite-modal-rgpd ok_actu" style="padding-left: 0em; text-align: center; margin-bottom: 0rem !important; width: 80%;">
                <input class="form-check-input" type="checkbox" name="rgpd" id="rgpd"  required>
                <label class="form-check-label" for="rgpd" style="color: #000; display: inline;">
                  Je souhaite recevoir en avant-première les actualités de la marque.                 </label>
              </div>

              <div id="contact-status" class="alert d-none" role="alert"></div>
            </div>

            <div class="modal-footer" style="background-color: #d5d5d5;">
              <button type="submit" id="submit-btn" class="btn btn-success" style="margin: 0 auto">
                <span class="spinner-border spinner-border-sm d-none" id="submit-spinner"></span>
                <span id="submit-text">Envoyer</span>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>

    <!-- Modal de feedback -->
    <div class="modal fade" id="feedbackModal" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content text-center p-4">
          <div id="feedbackMessage"></div>
        </div>
      </div>
    </div>

    <script>
    document.addEventListener('DOMContentLoaded', function () {

      const form        = document.getElementById('contactForm');
      const submitBtn   = document.getElementById('submit-btn');
      const spinner     = document.getElementById('submit-spinner');
      const submitText  = document.getElementById('submit-text');
      const statusBox   = document.getElementById('contact-status');

      const captchaImg     = document.getElementById('captcha-img');
      const captchaStatus  = document.getElementById('captcha-status');
      const modalContactEl = document.getElementById('contactModal');

      if (!form || !submitBtn || !spinner || !submitText || !statusBox || !captchaImg || !captchaStatus || !modalContactEl) {
        return;
      }

      // Quand la modale s'ouvre → définir form_time + reset messages
      modalContactEl.addEventListener('shown.bs.modal', function () {
        document.getElementById('form_time').value = Math.floor(Date.now() / 1000);
        captchaStatus.textContent = "";
        captchaStatus.className = "";

        statusBox.classList.add('d-none');
        statusBox.innerHTML = '';
      });

      // Fonction refresh du captcha
      function refreshCaptcha() {
        captchaImg.src = 'captcha.php?d=' + Date.now();
      }

      // Reload manuel du captcha
      const reloadBtn = document.getElementById('reload-captcha');
      if (reloadBtn) {
        reloadBtn.addEventListener('click', refreshCaptcha);
      }

      captchaImg.addEventListener('click', refreshCaptcha);

      // Soumission du formulaire
      form.addEventListener('submit', function (e) {
        e.preventDefault();

        submitBtn.disabled = true;
        spinner.classList.remove('d-none');
        submitText.textContent = 'Envoi...';

        statusBox.classList.add('d-none');
        statusBox.innerHTML = '';

        const formData = new FormData(form);

        fetch('contact_process.php', {
          method: 'POST',
          body: formData,
          credentials: 'same-origin'
        })
        .then(response => response.json())
        .then(data => {
          captchaStatus.textContent = "";
          captchaStatus.className = "";

          if (!data.success && data.message && data.message.includes("CAPTCHA")) {
            captchaStatus.textContent = "❌ CAPTCHA incorrect";
            captchaStatus.classList.add("text-danger");

            refreshCaptcha();
            if (form.captcha) {
              form.captcha.value = "";
            }
            return;
          }

          statusBox.classList.remove('d-none', 'alert-success', 'alert-danger');
          statusBox.classList.add(data.success ? 'alert-success' : 'alert-danger');
          statusBox.innerHTML = data.message;

          const feedbackModalEl = document.getElementById('feedbackModal');
          const feedbackModal   = bootstrap.Modal.getOrCreateInstance(feedbackModalEl);
          const msgBox          = document.getElementById('feedbackMessage');

          if (!data.success) {
            msgBox.textContent = data.message;
            msgBox.className = 'text-danger';
            feedbackModal.show();
            return;
          }

          form.reset();
          refreshCaptcha();

          msgBox.textContent = data.message;
          msgBox.className = 'text-success';

          const contactModal = bootstrap.Modal.getInstance(modalContactEl);
          if (contactModal) {
            contactModal.hide();
          }

          feedbackModal.show();

          setTimeout(() => {
            feedbackModal.hide();
            statusBox.classList.add('d-none');
            statusBox.innerHTML = '';
          }, 3000);
        })
        .catch(error => {
          console.error('Erreur AJAX :', error);

          statusBox.classList.remove('d-none', 'alert-success');
          statusBox.classList.add('alert-danger');
          statusBox.innerHTML = "Erreur réseau. Veuillez réessayer.";

          const feedbackModalEl = document.getElementById('feedbackModal');
          const feedbackModal   = bootstrap.Modal.getOrCreateInstance(feedbackModalEl);
          const msgBox          = document.getElementById('feedbackMessage');

          msgBox.textContent = "Une erreur est survenue. Veuillez réessayer.";
          msgBox.className = "text-danger";
          feedbackModal.show();
        })
        .finally(() => {
          submitBtn.disabled = false;
          spinner.classList.add('d-none');
          submitText.textContent = 'Envoyer';
        });
      });

    });
    </script>

    <!-- Réseaux sociaux -->
    <div class="footer-bottom">
      <div class="footer-socials">
        <a href="https://www.pinterest.fr/FocusCreation/" target="_blank"><img src="/medias/social/pinterest.svg" alt="Pinterest"></a>
        <a href="https://www.instagram.com/focuscreation/" target="_blank"><img src="/medias/social/instagram.svg" alt="Instagram"></a>
        <a href="https://www.facebook.com/FocusCreation.FR" target="_blank"><img src="/medias/social/facebook.svg" alt="Facebook"></a>
        <a href="https://www.linkedin.com/company/focus-creation" target="_blank"><img src="/medias/social/linkedin.svg" alt="LinkedIn"></a>
        <a href="https://www.youtube.com/channel/UChjGDFsWVNTmhxWV6-GSmdQ" target="_blank"><img src="/medias/social/youtube.svg" alt="YouTube"></a>
        <a href="https://www.tiktok.com/@focus.fireplaces" target="_blank"><img src="/medias/social/tiktok.svg" alt="TikTok"></a>
      </div>

      <div class="footer-mentions">
        <a href="mentions-legales.php" class="footer-mentions-link">Mentions légales</a>&nbsp;-&nbsp;
        <a href="rgpd.php" title="RGPD" class="footer-mentions-link">RGPD</a>
        <a href="rgpd.php" id="open-tarteaucitron" title="Paramétrer mes cookies" class="footer-mentions-link">&nbsp;-&nbsp;Politique des cookies</a>&nbsp;-&nbsp;© Copyright FOCUS 2026        
      </div>
    </div>

    <div class="headquarter"><br><br><strong>Focus - Atelier Dominique Imbert</strong> - 3, impasse Claque Patin - Le Fort - 34380 Viols le Fort (France) - Tél. 00 33 (0)4 67 55 01 93</div>

  </div>
</footer>

<!-- Tarteaucitron.js - RGPD Cookie Consent -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/tarteaucitronjs@latest/tarteaucitron.js"></script>
<link rel="stylesheet" href="/css/rgpd.css">

<script>
document.addEventListener('DOMContentLoaded', function() {
  const newsletterForm = document.querySelector('#newsletter-form');
  if (!newsletterForm) return;

  newsletterForm.addEventListener('submit', function(e) {
    e.preventDefault();

    const form = e.target;
    const email = form.email.value;
    const message = document.getElementById('newsletter-message');

    fetch('newsletter.php', {
      method: 'POST',
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
      body: 'email=' + encodeURIComponent(email)
    })
    .then(r => r.json())
    .then(data => {
      if (data.success) {
        message.textContent = "Inscription réussie" + (data.message || "");
        form.reset();
      } else {
        message.textContent = "❌ " + (data.error || "Erreur lors de l’inscription.");
      }
    })
    .catch(() => {
      message.textContent = "⚠️ Impossible de contacter le serveur.";
    });
  });
});
</script>

<script type="text/javascript">
/* =========================
   INIT TARTEAUCITRON
   ========================= */
  tarteaucitronCustomText = {
    privacyUrl: "RGPD"  };

tarteaucitron.init({
  "privacyUrl": "/rgpd.php",
  "hashtag": "#tarteaucitron",
  "cookieName": "rgpd_focus_creation",

  "useExternalCss": true,
  "orientation": "bottom",
  "showAlertSmall": true,
  "cookieslist": true,
  "closePopup": false,

  "showIcon": true,
  "iconPosition": "BottomRight",

  "adblocker": false,
  "DenyAllCta": true,
  "AcceptAllCta": true,
  "highPrivacy": true,
  "handleBrowserDNTRequest": false,
  "removeCredit": true,
  "moreInfoLink": false,
  "readmoreLink": "/V2/privacy-policy.php"
});

/* =========================
   CONFIG GOOGLE ANALYTICS 4
   ========================= */
tarteaucitron.user.gtagUa = 'G-T8LXQ724RQ';
tarteaucitron.user.gtagMore = function () {
  window.dataLayer = window.dataLayer || [];
  window.gtag = function(){ dataLayer.push(arguments); };
  gtag('js', new Date());
  gtag('config', 'G-T8LXQ724RQ');
};

tarteaucitron.job = tarteaucitron.job || [];
tarteaucitron.job.push('gtag');
</script>

<script type="text/javascript">
/* =========================
   OUVERTURE MANUELLE PANNEAU COOKIES
   ========================= */
function waitForTarteaucitron(cb) {
  if (
    typeof tarteaucitron !== 'undefined' &&
    tarteaucitron.userInterface &&
    typeof tarteaucitron.userInterface.openPanel === "function"
  ) {
    cb();
  } else {
    setTimeout(function() {
      waitForTarteaucitron(cb);
    }, 100);
  }
}

document.addEventListener('DOMContentLoaded', function() {
  var btn = document.getElementById('open-tarteaucitron');
  if (!btn) return;

  btn.addEventListener('click', function(e) {
    e.preventDefault();
    waitForTarteaucitron(function() {
      tarteaucitron.userInterface.openPanel();
    });
  });
});
</script>

<script>
document.addEventListener('DOMContentLoaded', function() {
  const captchaInput = document.querySelector('input[name="captcha"]');
  const captchaStatus = document.getElementById('captcha-status');
  let timer = null;

  if (!captchaInput || !captchaStatus) return;

  captchaInput.addEventListener('input', function() {
    clearTimeout(timer);
    captchaStatus.textContent = "";
    captchaStatus.className = "";

    const value = captchaInput.value.trim();

    if (value.length < 5) return;

    timer = setTimeout(() => {
      fetch("captcha_validate.php?captcha=" + encodeURIComponent(value), {
        method: "GET",
        credentials: "same-origin"
      })
      .then(response => response.json())
      .then(data => {
        if (data.success) {
          captchaStatus.textContent = "✓ Correct";
          captchaStatus.classList.add("text-success");
        } else {
          captchaStatus.textContent = "✗ Incorrect";
          captchaStatus.classList.add("text-danger");
        }
      })
      .catch(() => {
        captchaStatus.textContent = "";
        captchaStatus.className = "";
      });
    }, 300);
  });
});
</script>

<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> -->
<script src="/bootstrap/js/bootstrap.bundle.min.js"></script>
<script>
function toggleDescription(button) {
  const container = button.closest('.press-card-body');
  const extra = container.querySelector('.press-card-extra');

  extra.classList.toggle('d-none');
  button.classList.toggle('rotated');
}
</script>


<script src="/js/main.js"></script>

<script src="/js/menu-toggle.js"></script>
<script>
  window.reloadPresseGrid = async function () {
    const url = '/ajax_presse_grid.php?_=' + Date.now();
    const res = await fetch(url, { credentials: 'same-origin', cache: 'no-store' });
    const html = await res.text();
    const el = document.getElementById('presseGridContainer');
    if (el) el.innerHTML = html;
  };

  document.addEventListener('DOMContentLoaded', () => {
    window.reloadPresseGrid();
  });
</script>
</body>
</html>