array(8) {
  [0]=>
  array(9) {
    ["id"]=>
    int(19)
    ["titre"]=>
    string(21) "OUTDOOR PRESS RELEASE"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(27) "bathysca_outdoor_UL_RVB.jpg"
    ["description"]=>
    string(61) "<div>When the fireplace becomes an open-air experience!</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(39) "UK-Press_release-Outdoor_1767793415.pdf"
    ["date"]=>
    string(10) "2026-03-01"
    ["lang"]=>
    string(2) "en"
  }
  [1]=>
  array(9) {
    ["id"]=>
    int(40)
    ["titre"]=>
    string(49) "Maison&Objet home fair from 15 to 19 January 2026"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(21) "M_O-CP_1767711822.jpg"
    ["description"]=>
    string(574) "At the Maison &amp; Objet trade show, Focus invites you to discover:  ·       two new exclusive pieces of furniture, designed by Christophe Ployé, the brand's design project manager,  ·       as well as our two timeless icons, winners of the most prestigious design competitions: the Gyrofocus and the Bubble fire pit.  PROJECTS Area – Manufactures d'Excellence – Focus Création – Hall 2 | Stand O87<br><br>  Present at the Village des Entreprises du Patrimoine Vivant (EPV), Focus highlights contemporary creations supported by EPV-certified industrial expertise."
    ["description_en"]=>
    NULL
    ["document"]=>
    string(35) "en-press-release-m_o_1767791716.pdf"
    ["date"]=>
    string(10) "2026-01-06"
    ["lang"]=>
    string(2) "en"
  }
  [2]=>
  array(9) {
    ["id"]=>
    int(5)
    ["titre"]=>
    string(34) "PRESS RELEASE – BIOETHANOL RANGE"
    ["titre_en"]=>
    string(0) ""
    ["visuel"]=>
    string(30) "Ergo-bioethanol-RVB--HD-02.jpg"
    ["description"]=>
    string(320) "<div>2024 promises to be another exceptional year for Focus, with the arrival of its new bioethanol range transforming the landscape of contemporary fireplaces. As elegant as ever with their suspended design, the Ergofocus, Gyrofocus and Domofocus are now</div><div>available in a version fuelled by bioethanol.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(46) "uk-pressrelease-gammebioethanol_1767793504.pdf"
    ["date"]=>
    string(10) "2024-07-01"
    ["lang"]=>
    string(2) "en"
  }
  [3]=>
  array(9) {
    ["id"]=>
    int(9)
    ["titre"]=>
    string(56) "PRESS RELEASE – ERGOFOCUS HOLOGRAPHIK® HEATING OPTION"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(31) "Ergofocus-holo-GARAGE-LILLE.jpg"
    ["description"]=>
    string(139) "<div>Focus now offers a heating option for its Ergofocus Holographik®, with gentle heat diffusion to enhance the realistic effect.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(55) "en-pressrelease-ergofocus_holo_chauffant_1767793471.pdf"
    ["date"]=>
    string(10) "2023-11-01"
    ["lang"]=>
    string(2) "en"
  }
  [4]=>
  array(9) {
    ["id"]=>
    int(13)
    ["titre"]=>
    string(31) "PRESS RELEASE – ERGOFOCUS GAS"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(39) "Ergo_gaz_s_Jaulmes_Focus_RVB-230704.jpg"
    ["description"]=>
    string(160) "<div>The new Ergofocus Gas launches worldwide.</div><div>A timeless design by Focus’ founder Dominique Imbert, now available in a patented gas version!</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(43) "uk-pressrelease-ergofocusgaz_1767793443.pdf"
    ["date"]=>
    string(10) "2023-10-01"
    ["lang"]=>
    string(2) "en"
  }
  [5]=>
  array(9) {
    ["id"]=>
    int(24)
    ["titre"]=>
    string(54) "PRESS RELEASE – German Design Award Gyrofocus Glazed"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(24) "Gyrofocus_glazed_RVB.jpg"
    ["description"]=>
    string(146) "<div>The Glazed Gyrofocus wins Gold at the German Design Awards 2023, Category: Excellent Product Design Design Classics and Re-editions</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(35) "UK-Press_release-GDA_1767793380.pdf"
    ["date"]=>
    string(10) "2022-12-01"
    ["lang"]=>
    string(2) "en"
  }
  [6]=>
  array(9) {
    ["id"]=>
    int(29)
    ["titre"]=>
    string(34) "PRESS RELEASE – BIOETHANOL RANGE"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(38) "Capture d'écran 2025-09-17 145911.png"
    ["description"]=>
    string(135) "<div>FOCUS now presents three glazed Ecodesign models. The original designs of both Ergofocus and Domofocus also remain intact.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(49) "UK-Glazed_Press_release_09_2022_V2_1767793350.pdf"
    ["date"]=>
    string(10) "2022-11-01"
    ["lang"]=>
    string(2) "en"
  }
  [7]=>
  array(9) {
    ["id"]=>
    int(34)
    ["titre"]=>
    string(31) "PRESS RELEASE – Gyrofocus Gas"
    ["titre_en"]=>
    NULL
    ["visuel"]=>
    string(24) "gyrofocus_gas_WH_RVB.jpg"
    ["description"]=>
    string(172) "<div>Focus has reinvented fireplace technology with the announcement of the world’s first pivoting gas fire, the gas Gyrofocus - a new patented global innovation.</div>"
    ["description_en"]=>
    NULL
    ["document"]=>
    string(54) "UK_-_COMMUNIQUE_PRESSE_GYROFOCUS_GAZ_V3_1767793215.pdf"
    ["date"]=>
    string(10) "2020-11-01"
    ["lang"]=>
    string(2) "en"
  }
}

<!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>Press Area</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">
          Press Area        </h1>
      </div>
    </div>
  </section>


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

    <div class="filter-group">

      <a href="" class="btn btn-blanc spec">Press Releases</a>
      <a href="banque-images.php" class="btn btn-blanc_bis spec" >Images bank</a>
      <a href="" class="btn btn-blanc_bis spec" >Focus in the press</a><span class="soon">soon</span>

    </div>


    <a href="/medias/presse/EN_2022_press_kit_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" >Download the Press Kit</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">March 2026</div>

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

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>When the fireplace becomes an open-air experience!</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/UK-Press_release-Outdoor_1767793415.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">January 2026</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/M_O-CP_1767711822.jpg" alt="Maison&amp;Objet home fair from 15 to 19 January 2026">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">Maison&amp;Objet home fair from 15 to 19 January 2026</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text">At the Maison &amp; Objet trade show, Focus invites you to discover:  ·       two new exclusive pieces of furniture, designed by Christophe Ployé, the brand's design project manager,  ·       as well as our two timeless icons, winners of the most prestigious design competitions: the Gyrofocus and the Bubble fire pit.  PROJECTS Area – Manufactures d'Excellence – Focus Création – Hall 2 | Stand O87<br><br>  Present at the Village des Entreprises du Patrimoine Vivant (EPV), Focus highlights contemporary creations supported by EPV-certified industrial expertise.</div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/en-press-release-m_o_1767791716.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">July 2024</div>

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

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>2024 promises to be another exceptional year for Focus, with the arrival of its new bioethanol range transforming the landscape of contemporary fireplaces. As elegant as ever with their suspended design, the Ergofocus, Gyrofocus and Domofocus are now</div><div>available in a version fuelled by bioethanol.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/uk-pressrelease-gammebioethanol_1767793504.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">November 2023</div>

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

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>Focus now offers a heating option for its Ergofocus Holographik®, with gentle heat diffusion to enhance the realistic effect.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/en-pressrelease-ergofocus_holo_chauffant_1767793471.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">October 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="PRESS RELEASE – ERGOFOCUS GAS">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">PRESS RELEASE – 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>The new Ergofocus Gas launches worldwide.</div><div>A timeless design by Focus’ founder Dominique Imbert, now available in a patented gas version!</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/uk-pressrelease-ergofocusgaz_1767793443.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">December 2022</div>

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

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>The Glazed Gyrofocus wins Gold at the German Design Awards 2023, Category: Excellent Product Design Design Classics and Re-editions</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/UK-Press_release-GDA_1767793380.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">November 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="PRESS RELEASE – BIOETHANOL RANGE">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">PRESS RELEASE – BIOETHANOL RANGE</h5>
              <button class="toggle-description-btn" onclick="toggleDescription(this)">+</button>

              <div class="press-card-extra d-none">
                <div class="press-card-text"><div>FOCUS now presents three glazed Ecodesign models. The original designs of both Ergofocus and Domofocus also remain intact.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/UK-Glazed_Press_release_09_2022_V2_1767793350.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">November 2020</div>

          <div class="press-card-inner">
            <div class="press-card-image">
              <img src="../images/presse/gyrofocus_gas_WH_RVB.jpg" alt="PRESS RELEASE – Gyrofocus Gas">
            </div>
            <div class="press-card-body">
              <h5 class="press-card-title">PRESS RELEASE – 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 has reinvented fireplace technology with the announcement of the world’s first pivoting gas fire, the gas Gyrofocus - a new patented global innovation.</div></div>

                                  <div class="press-card-footer">
                    <a href="/images/presse/UK_-_COMMUNIQUE_PRESSE_GYROFOCUS_GAZ_V3_1767793215.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>Contact</h6>
      <h1>Would you like to find out more?<br></h1>
      <p>Contact our teams, we will get back to you as soon as possible.</p>
      <div class="contact-buttons">
        <a href="contact.php" class="btn-contact">Contact us<span>></span></a>
        <a href="demande-devis.php" class="btn-contact">Request a quote<span>></span></a>
        <a href="points-de-vente.php" class="btn-contact">Find a partner<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">Catalog</h1>
          <ul>
            <li><a href="collection.php?famille=1" class="footer-link">Heating Collection</a></li>
            <li><a href="collection.php?famille=2" class="footer-link">Decorative Collection</a></li>
            <li><a href="collection.php?famille=3" class="footer-link">Outdoor Collection</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">Explore</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">Partners</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">The company</h1>
          <ul>
            <li><a href="histoire.php" class="footer-link">Genesis</a></li>
            <li><a href="actualites.php" class="footer-link">News</a></li>
            <li><a href="manufacture.php" class="footer-link">Made in France</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h1 class="footer-h1">Professionals</h1>
          <ul>
            <li><a href="hospitality.php" class="footer-link">Hospitality</a></li>
            <li><a href="architectes.php" class="footer-link">Architects</a></li>
            <li><a href="presse.php" class="footer-link">Press Area</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">SUBSCRIBE</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">CONTACT US &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="Name*" required>
              </div>
              <div class="mb-3">
                <input type="text" name="prenom" class="form-control" placeholder="first name*" required>
              </div>
              <div class="mb-3">
                <input type="email" name="email" class="form-control" placeholder="Email *" required>
              </div>
              <div class="mb-3">
                <input type="text" name="telephone" class="form-control" placeholder="Phone">
              </div>
              <div class="mb-3">
                <input type="text" name="pays" class="form-control" placeholder="Country" required>
              </div>
              <div class="mb-3">
                <input type="hidden" name="lang" class="form-control" value="en">
              </div>
              <div class="mb-3">
                <textarea name="message" class="form-control" rows="3" placeholder="Message *" required></textarea>
              </div>

              <div class="mb-3 ok_rgpd">
                My data is handled exclusively by Focus and, if necessary, shared with the nearest authorized dealer <a href="rgpd.php" style="text-decoration: underline">Privacy Policy.</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;">
                  I wish to receive the brand’s news in advance.                 </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">Send</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">Legal notice</a>&nbsp;-&nbsp;
        <a href="rgpd.php" title="RGPD" class="footer-mentions-link">GDPR</a>
        <a href="rgpd.php" id="open-tarteaucitron" title="Paramétrer mes cookies" class="footer-mentions-link">&nbsp;-&nbsp;Cookie Policy</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 = "Registration successful" + (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: "GDPR"  };

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>