array(7) {
  [0]=>
  array(9) {
    ["id"]=>
    int(22)
    ["titre"]=>
    string(32) "Nota de Prensa – Focus Outdoor"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(27) "bathysca_outdoor_UL_RVB.jpg"
    ["description"]=>
    string(94) "<div>Cuando la cheminea sale del hogar para convertise en una experiencia al aire libre.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(46) "es-nota-de-prensa-focus-outdoor_1772544897.pdf"
    ["date"]=>
    string(10) "2026-03-01"
    ["lang"]=>
    string(2) "es"
  }
  [1]=>
  array(9) {
    ["id"]=>
    int(8)
    ["titre"]=>
    string(36) "Nota de Prensa – Gama de bioetanol"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(30) "Ergo-bioethanol-RVB--HD-02.jpg"
    ["description"]=>
    string(313) "<div>2024 es y habrá sido otro año excepcional para Focus con la llegada de su nueva gama de bioetanol que va transformando el panorama de las chimeneas contemporáneas. Los modelos Ergofocus, Gyrofocus y Domofocus, tan elegantes como siempre con su diseño flotante, ahora se encienden con bioetanol.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(47) "esp-notadeprensa-gammebioethanol_1767791027.pdf"
    ["date"]=>
    string(10) "2024-07-01"
    ["lang"]=>
    string(2) "es"
  }
  [2]=>
  array(9) {
    ["id"]=>
    int(12)
    ["titre"]=>
    string(55) "Nota de Prensa – Ergofocus Holographik® calefacción"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(31) "Ergofocus-holo-GARAGE-LILLE.jpg"
    ["description"]=>
    string(159) "<div>Focus ofrece ahora la opción de calefacción para su modelo Ergofocus Holographik®, con un difusor de calor suave que realza el efecto realista.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(57) "es-comunicatostampa-ergofocusholochauffant_1767790997.pdf"
    ["date"]=>
    string(10) "2023-11-01"
    ["lang"]=>
    string(2) "es"
  }
  [3]=>
  array(9) {
    ["id"]=>
    int(16)
    ["titre"]=>
    string(32) "Nota de Prensa – Ergofocus gas"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(39) "Ergo_gaz_s_Jaulmes_Focus_RVB-230704.jpg"
    ["description"]=>
    string(241) "<div>El diseño atemporal de Ergofocus ya está disponible en versión de gas, una innovación mundial patentada.</div><div>Creado en 1983 por Dominique Imbert, fundador de Focus, su diseño se mantiene inalterable al paso del tiempo</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(44) "esp-notadeprensa-ergofocusgas_1767790274.pdf"
    ["date"]=>
    string(10) "2023-10-01"
    ["lang"]=>
    string(2) "es"
  }
  [4]=>
  array(9) {
    ["id"]=>
    int(27)
    ["titre"]=>
    string(60) "Nota de Prensa – German Design Award Gyrofocus Acristalado"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(24) "Gyrofocus_glazed_RVB.jpg"
    ["description"]=>
    string(167) "<div>El Gyrofocus acristalado gana el oro del German Design Award 2023 en la categoría «Excelente Concepto de Producto Clásicos y Reediciones de Diseño»</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(37) "ESP-Nota_de_prensa-GDA_1767790231.pdf"
    ["date"]=>
    string(10) "2022-12-01"
    ["lang"]=>
    string(2) "es"
  }
  [5]=>
  array(9) {
    ["id"]=>
    int(32)
    ["titre"]=>
    string(63) "Nota de Prensa – GAMA DE CHIMENEAS ACRISTALADAS ECOEFICIENTES"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(38) "Capture d'écran 2025-09-17 145911.png"
    ["description"]=>
    string(262) "<div>Focus presenta una selección de tres modelos certificados Ecodesign. Estos tres modelos icónicos de la marca, ahora disponibles en versión acristalada y respondiendo a las normativas medioambientales actuales, están protegidos por una patente.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(61) "ESP-Nota_de_prensa_Gama_Acristalada_09_2022_V3_1767790211.pdf"
    ["date"]=>
    string(10) "2022-11-01"
    ["lang"]=>
    string(2) "es"
  }
  [6]=>
  array(9) {
    ["id"]=>
    int(37)
    ["titre"]=>
    string(32) "Nota de Prensa – Gyrofocus Gas"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(24) "gyrofocus_gas_WH_RVB.jpg"
    ["description"]=>
    string(199) "<div>Focus firma una innovación mundial con una patente presentada para dotar con tecnología de gas a su icónico modelo Gyrofocus, manteniendo su legendaria silueta suspendida y giratoria.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(54) "ES_-_COMMUNIQUE_PRESSE_GYROFOCUS_GAS_V3_1767790165.pdf"
    ["date"]=>
    string(10) "2020-11-01"
    ["lang"]=>
    string(2) "es"
  }
}

<!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>Espacio de Prensa</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">
          Espacio de Prensa        </h1>
      </div>
    </div>
  </section>


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

    <div class="filter-group">

      <a href="" class="btn btn-blanc spec">Comunicados de Prensa</a>
      <a href="banque-images.php" class="btn btn-blanc_bis spec" >Banco de imágenes</a>
      <a href="" class="btn btn-blanc_bis spec" >Focus en la prensa</a><span class="soon">soon</span>

    </div>


    <a href="/medias/presse/ES_2022_dossier_de_prensa_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" >Descargar el dossier de prensa</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">Marzo 2026</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/bathysca_outdoor_UL_RVB.jpg" alt="Nota de Prensa – Focus Outdoor">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">Nota de Prensa – 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>Cuando la cheminea sale del hogar para convertise en una experiencia al aire libre.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/es-nota-de-prensa-focus-outdoor_1772544897.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">Julio 2024</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/Ergo-bioethanol-RVB--HD-02.jpg" alt="Nota de Prensa – Gama de bioetanol">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">Nota de Prensa – Gama de bioetanol</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>2024 es y habrá sido otro año excepcional para Focus con la llegada de su nueva gama de bioetanol que va transformando el panorama de las chimeneas contemporáneas. Los modelos Ergofocus, Gyrofocus y Domofocus, tan elegantes como siempre con su diseño flotante, ahora se encienden con bioetanol.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/esp-notadeprensa-gammebioethanol_1767791027.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">Noviembre 2023</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/Ergofocus-holo-GARAGE-LILLE.jpg" alt="Nota de Prensa – Ergofocus Holographik® calefacción">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">Nota de Prensa – Ergofocus Holographik® calefacción</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Focus ofrece ahora la opción de calefacción para su modelo Ergofocus Holographik®, con un difusor de calor suave que realza el efecto realista.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/es-comunicatostampa-ergofocusholochauffant_1767790997.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">Octubre 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="Nota de Prensa – Ergofocus gas">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">Nota de Prensa – Ergofocus gas</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>El diseño atemporal de Ergofocus ya está disponible en versión de gas, una innovación mundial patentada.</div><div>Creado en 1983 por Dominique Imbert, fundador de Focus, su diseño se mantiene inalterable al paso del tiempo</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/esp-notadeprensa-ergofocusgas_1767790274.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">Diciembre 2022</div>

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

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>El Gyrofocus acristalado gana el oro del German Design Award 2023 en la categoría «Excelente Concepto de Producto Clásicos y Reediciones de Diseño»</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/ESP-Nota_de_prensa-GDA_1767790231.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">Noviembre 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="Nota de Prensa – GAMA DE CHIMENEAS ACRISTALADAS ECOEFICIENTES">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">Nota de Prensa – GAMA DE CHIMENEAS ACRISTALADAS ECOEFICIENTES</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Focus presenta una selección de tres modelos certificados Ecodesign. Estos tres modelos icónicos de la marca, ahora disponibles en versión acristalada y respondiendo a las normativas medioambientales actuales, están protegidos por una patente.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/ESP-Nota_de_prensa_Gama_Acristalada_09_2022_V3_1767790211.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">Noviembre 2020</div>

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

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Focus firma una innovación mundial con una patente presentada para dotar con tecnología de gas a su icónico modelo Gyrofocus, manteniendo su legendaria silueta suspendida y giratoria.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/ES_-_COMMUNIQUE_PRESSE_GYROFOCUS_GAS_V3_1767790165.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>
  </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>Contacto</h6>
      <h1>¿Necesita información?<br>
</h1>
      <p>Póngase en contacto con nuestros equipos, nos pondremos en contacto con usted lo antes posible.</p>
      <div class="contact-buttons">
        <a href="contact.php" class="btn-contact">Quiero que se pongan en contacto conmigo<span>></span></a>
        <a href="demande-devis.php" class="btn-contact">Solicitar un presupuesto<span>></span></a>
        <a href="points-de-vente.php" class="btn-contact">Encontrar un distribuidor<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">Catálogo</h1>
          <ul>
            <li><a href="collection.php?famille=1" class="footer-link">Colección de Calefacción</a></li>
            <li><a href="collection.php?famille=2" class="footer-link">Colección Decorativa</a></li>
            <li><a href="collection.php?famille=3" class="footer-link">Colección Outdoor</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">Buscar</h1>
          <ul>
            <li><a href="realisation.php" class="footer-link">Inspiración</a></li>
            <li><a href="telechargement.php" class="footer-link">Folletos</a></li>
            <li><a href="revendeurs.php" class="footer-link">Distribuidores</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">La marca</h1>
          <ul>
            <li><a href="histoire.php" class="footer-link">Génesis</a></li>
            <li><a href="actualites.php" class="footer-link">Noticias</a></li>
            <li><a href="manufacture.php" class="footer-link">Hecho en Francia</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">Profesionales</h1>
          <ul>
            <li><a href="hospitality.php" class="footer-link">Hospitality</a></li>
            <li><a href="architectes.php" class="footer-link">Arquitectos</a></li>
            <li><a href="presse.php" class="footer-link">Espacio de Prensa</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">ME SUSCRIBO</button>
            <p id="newsletter-message"></p>
          </form>
          <hr>

          <h1 class="footer-h1">Contacto</h1>
          <a href="#" class="footer-contact-btn" data-bs-toggle="modal" data-bs-target="#contactModal">QUIERO QUE SE PONGAN EN CONTACTO CONMIGO &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="apellido*" required>
              </div>
              <div class="mb-3">
                <input type="text" name="prenom" class="form-control" placeholder="nombre*" required>
              </div>
              <div class="mb-3">
                <input type="email" name="email" class="form-control" placeholder="correo electrónico *" required>
              </div>
              <div class="mb-3">
                <input type="text" name="telephone" class="form-control" placeholder="Teléfono">
              </div>
              <div class="mb-3">
                <input type="text" name="pays" class="form-control" placeholder="País" required>
              </div>
              <div class="mb-3">
                <input type="hidden" name="lang" class="form-control" value="es">
              </div>
              <div class="mb-3">
                <textarea name="message" class="form-control" rows="3" placeholder="Mensaje *" required></textarea>
              </div>

              <div class="mb-3 ok_rgpd">
                Acepto la política de privacidad (RGPD)
<a href="rgpd.php" style="text-decoration: underline">política de privacidad.</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;">
                  Me gustaría recibir en primicia las novedades de la marca.                </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">Enviar</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">Aviso legal</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;Política de 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 = "Registro realizado correctamente" + (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>