{"id":2738,"date":"2026-05-05T14:40:51","date_gmt":"2026-05-05T13:40:51","guid":{"rendered":"https:\/\/www.hdfoptic.com\/?page_id=2738"},"modified":"2026-05-11T09:52:23","modified_gmt":"2026-05-11T08:52:23","slug":"hommes","status":"publish","type":"page","link":"https:\/\/www.hdfoptic.com\/index.php\/hommes\/","title":{"rendered":"Hommes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2738\" class=\"elementor elementor-2738\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e867a1 e-con-full e-flex e-con e-parent\" data-id=\"7e867a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef16f4f elementor-widget elementor-widget-html\" data-id=\"ef16f4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- NAVIGATION COLLECTIONS LUXE --- *\/\n  .luxe-page-nav {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n    width: 100%;\n    background-color: transparent; \n    border-bottom: 1px solid #eaeaea; \n    margin-bottom: 50px; \n    position: relative;\n    z-index: 50;\n  }\n\n  .luxe-nav-link {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    padding: 20px 40px; \n    font-family: 'Montserrat', sans-serif;\n    font-size: 11px; \n    font-weight: 500;\n    letter-spacing: 3px; \n    text-transform: uppercase;\n    color: #999999; \n    position: relative;\n    transition: color 0.4s ease;\n    cursor: pointer !important; \n    user-select: none; \n  }\n\n  .luxe-nav-link:hover { color: #111111; }\n\n  .luxe-nav-link::after {\n    content: '';\n    position: absolute;\n    bottom: -1px; \n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 1px; \n    background-color: #d4af37; \n    transition: width 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n    pointer-events: none;\n  }\n\n  .luxe-nav-link:hover::after,\n  .luxe-nav-link.active-link::after { width: 100%; }\n\n  .luxe-nav-link.active-link { color: #111111; font-weight: 600; }\n\n  @media (max-width: 768px) {\n    .luxe-page-nav { flex-direction: column; border-bottom: none; }\n    .luxe-nav-link { width: 100%; padding: 15px 20px; border-bottom: 1px solid #eaeaea; }\n    .luxe-nav-link::after { bottom: 0; }\n  }\n<\/style>\n\n<nav class=\"luxe-page-nav\">\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/hommes\/\" class=\"luxe-nav-link active-link\">Hommes<\/a>\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/femmes\/\" class=\"luxe-nav-link\">Femmes<\/a>\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/enfants\/\" class=\"luxe-nav-link\">Enfants<\/a>\n<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7c5b48 elementor-widget elementor-widget-html\" data-id=\"b7c5b48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- SECTION GLOBALE --- *\/\n  .luxe-vitrine-section {\n    width: 100%;\n    padding: 80px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background-color: #ffffff;\n    \/* FIX ANTI-ZOOM ET D\u00c9BORDEMENT *\/\n    box-sizing: border-box;\n    overflow-x: hidden; \n  }\n\n  \/* Force tous les \u00e9l\u00e9ments \u00e0 inclure leurs marges dans leurs 100% de largeur *\/\n  .luxe-vitrine-section *, .luxe-vitrine-section *::before, .luxe-vitrine-section *::after {\n    box-sizing: border-box; \n  }\n\n  \/* Emp\u00eache le zoom intempestif sur mobile au double clic *\/\n  .luxe-vitrine-card, .btn-close-panel, .luxe-vitrine-img-wrapper img {\n    touch-action: manipulation;\n  }\n\n  .luxe-vitrine-container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  \/* --- EN-T\u00caTE DE LA VITRINE --- *\/\n  .luxe-vitrine-header {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n\n  .luxe-eyebrow {\n    display: block;\n    color: #d4af37;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin-bottom: 15px;\n  }\n\n  .luxe-main-title {\n    color: #111111;\n    font-size: 38px;\n    font-weight: 300;\n    line-height: 1.2;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin: 0;\n  }\n\n  \/* --- LA GRILLE --- *\/\n  .luxe-vitrine-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 40px; \n    position: relative;\n  }\n\n  .luxe-vitrine-card {\n    flex: 0 0 calc(25% - 30px);\n    max-width: 280px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-decoration: none;\n    cursor: pointer;\n    transition: opacity 0.3s ease;\n  }\n\n  .luxe-vitrine-img-wrapper {\n    width: 100%;\n    aspect-ratio: 4 \/ 5;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06); \n    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.6s ease, border 0.3s ease;\n    background-color: #f5f5f5; \n    border: 2px solid transparent;\n  }\n\n  .luxe-vitrine-img-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .luxe-vitrine-brand {\n    margin-top: 20px;\n    color: #111111;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-align: center;\n    transition: color 0.3s ease;\n  }\n\n  \/* Effets au survol *\/\n  .luxe-vitrine-card:hover .luxe-vitrine-img-wrapper {\n    transform: translateY(-8px);\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\n  }\n  .luxe-vitrine-card:hover img { transform: scale(1.05); }\n  .luxe-vitrine-card:hover .luxe-vitrine-brand { color: #d4af37; }\n\n  \/* \u00c9tat actif *\/\n  .luxe-vitrine-card.active-brand .luxe-vitrine-brand { color: #d4af37; }\n  .luxe-vitrine-card.active-brand .luxe-vitrine-img-wrapper { border: 2px solid #d4af37; }\n\n  \/* --- LE PANNEAU DE PR\u00c9SENTATION LUXE --- *\/\n  .luxe-presentation-panel {\n    display: none; \n    flex: 0 0 100%; \n    width: 100%;\n    opacity: 0;\n    transform: translateY(15px) scale(0.98);\n    background-color: #ffffff;\n    border: 1px solid #f0f0f0;\n    border-radius: 2px;\n    padding: 80px 60px; \n    box-shadow: 0 40px 80px rgba(0,0,0,0.08); \n    transition: opacity 0.5s ease, transform 0.5s ease;\n    margin-top: -10px; \n    position: relative;\n    overflow: hidden; \n  }\n\n  \/* Cadre int\u00e9rieur dor\u00e9 *\/\n  .luxe-presentation-panel::before {\n    content: '';\n    position: absolute;\n    top: 15px; left: 15px; right: 15px; bottom: 15px;\n    border: 1px solid rgba(212, 175, 55, 0.15); \n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .luxe-presentation-panel.show { display: block; }\n  .luxe-presentation-panel.fade-in { opacity: 1; transform: translateY(0) scale(1); }\n\n  \/* Bouton Fermer *\/\n  .btn-close-panel {\n    position: absolute;\n    top: 25px;\n    right: 30px;\n    background: none;\n    border: none;\n    font-size: 38px;\n    font-weight: 300;\n    color: #cccccc;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 5;\n  }\n  .btn-close-panel:hover { color: #d4af37; transform: scale(1.1) rotate(90deg); }\n\n  \/* En-t\u00eate du Panneau *\/\n  .panel-header {\n    display: flex;\n    align-items: center;\n    gap: 70px;\n    margin-bottom: 70px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .panel-logo {\n    flex: 0 0 35%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .panel-logo img {\n    max-width: 100%;\n    max-height: 160px;\n    object-fit: contain;\n  }\n\n  .panel-text {\n    flex: 1;\n    text-align: center;\n  }\n\n  .panel-text h3 {\n    font-size: 46px;\n    font-weight: 300; \n    color: #111111;\n    margin: 0;\n    letter-spacing: 5px; \n    text-transform: uppercase;\n  }\n\n  .panel-separator {\n    width: 40px;\n    height: 1px;\n    background-color: #d4af37;\n    margin: 25px auto;\n  }\n\n  .panel-text p {\n    color: #555555;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 14px; \n    line-height: 2; \n    margin-bottom: 25px;\n    font-weight: 400;\n  }\n\n  \/* Le Collage Photo \u00c9ditorial *\/\n  .panel-collage {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 25px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .collage-left { display: flex; flex-direction: column; gap: 25px; }\n\n  .collage-img-box {\n    border-radius: 2px; \n    overflow: hidden;\n    background-color: #fcfcfc; \n    min-height: 200px;\n    position: relative;\n  }\n\n  .collage-img-box img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .collage-img-box:hover img { transform: scale(1.04); }\n  .collage-right .collage-img-box { height: 100%; }\n\n  \/* --- PIED DE SECTION (FOOTER) --- *\/\n  .luxe-vitrine-footer {\n    text-align: center;\n    margin-top: 80px;\n  }\n\n  .luxe-footer-text {\n    display: inline-block;\n    color: #111111;\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    padding-bottom: 10px;\n    border-bottom: 2px solid #d4af37;\n  }\n\n  \/* --- ADAPTATION MOBILE --- *\/\n  @media (max-width: 1024px) {\n    .luxe-vitrine-card { flex: 0 0 calc(33.33% - 27px); }\n  }\n\n  @media (max-width: 768px) {\n    .luxe-vitrine-section { padding: 60px 15px; }\n    .luxe-main-title { font-size: 28px; }\n    .luxe-vitrine-grid { gap: 20px; }\n    .luxe-vitrine-card { flex: 0 0 calc(50% - 10px); }\n    \n    .luxe-presentation-panel { padding: 50px 25px 40px 25px; }\n    .luxe-presentation-panel::before { top: 10px; left: 10px; right: 10px; bottom: 10px; }\n    .panel-header { flex-direction: column; gap: 40px; margin-bottom: 40px;}\n    .panel-logo { flex: none; width: 100%; }\n    .panel-text h3 { font-size: 32px; letter-spacing: 3px; }\n    .panel-collage { grid-template-columns: 1fr; } \n    \n    .luxe-footer-text { font-size: 12px; letter-spacing: 2px; }\n  }\n<\/style>\n\n<div class=\"luxe-vitrine-section\">\n  <div class=\"luxe-vitrine-container\">\n    \n    <div class=\"luxe-vitrine-header\">\n      <span class=\"luxe-eyebrow\">Collections Optiques & Solaires<\/span>\n      <h2 class=\"luxe-main-title\">Nos Collections<\/h2>\n    <\/div>\n\n    <div class=\"luxe-vitrine-grid\" id=\"vitrine-grid\">\n      \n      <div class=\"luxe-vitrine-card\" id=\"card-adidas\" onclick=\"openBrandPanel('panel-adidas', 'card-adidas')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.38.54.png\" alt=\"Lunettes Adidas\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Adidas<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-brett\" onclick=\"openBrandPanel('panel-brett', 'card-brett')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.38.58.png\" alt=\"Lunettes Brett Eyewear\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Brett Eyewear<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-clark\" onclick=\"openBrandPanel('panel-clark', 'card-clark')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.01.png\" alt=\"Lunettes Clark Clip'on\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Clark Clip'on<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-eden\" onclick=\"openBrandPanel('panel-eden', 'card-eden')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.07.png\" alt=\"Lunettes Eden Park\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Eden Park<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-fila\" onclick=\"openBrandPanel('panel-fila', 'card-fila')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.11.png\" alt=\"Lunettes Fila\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Fila<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-inbo\" onclick=\"openBrandPanel('panel-inbo', 'card-inbo')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.15.png\" alt=\"Lunettes In'b\u00f4\"><\/div>\n        <span class=\"luxe-vitrine-brand\">In'b\u00f4<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-nike\" onclick=\"openBrandPanel('panel-nike', 'card-nike')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.20.png\" alt=\"Lunettes Nike\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Nike<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-persol\" onclick=\"openBrandPanel('panel-persol', 'card-persol')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.23.png\" alt=\"Lunettes Persol\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Persol<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-plein\" onclick=\"openBrandPanel('panel-plein', 'card-plein')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.27.png\" alt=\"Lunettes Plein Les Mirettes\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Plein Les Mirettes<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-police\" onclick=\"openBrandPanel('panel-police', 'card-police')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.32.png\" alt=\"Lunettes Police\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Police<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-rayban\" onclick=\"openBrandPanel('panel-rayban', 'card-rayban')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.37.15.png\" alt=\"Lunettes Ray-Ban\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Ray-Ban<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-seiko\" onclick=\"openBrandPanel('panel-seiko', 'card-seiko')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.36.png\" alt=\"Lunettes Seiko\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Seiko<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-valco\" onclick=\"openBrandPanel('panel-valco', 'card-valco')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.42.png\" alt=\"Lunettes Val&Co\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Val&Co<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-woodys\" onclick=\"openBrandPanel('panel-woodys', 'card-woodys')\">\n        <div class=\"luxe-vitrine-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.39.48.png\" alt=\"Lunettes Woodys\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Woodys<\/span>\n      <\/div>\n\n      <div id=\"panel-adidas\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.32.49.png\" alt=\"Logo Adidas\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Adidas<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Adidas, c'est bien plus qu'une simple marque de sport : c'est un symbole de performance, de confort et de style. Depuis plusieurs ann\u00e9es, la griffe aux trois bandes s'impose aussi dans l'univers de l'optique avec des lunettes pens\u00e9es pour les sportifs comme pour les adeptes d'un look urbain.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir cette collection unique qui associe innovation et esth\u00e9tique. Que ce soit pour vos s\u00e9ances de sport ou pour un usage quotidien, nous vous aidons \u00e0 trouver la paire Adidas qui correspond \u00e0 votre rythme de vie et \u00e0 votre style.<\/p>\n            <p>Venez essayer en magasin : vos yeux m\u00e9ritent, eux aussi, la performance des trois bandes !<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.32.54.png\" alt=\"Homme Adidas\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.32.58.png\" alt=\"Lunettes Adidas\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.33.01.png\" alt=\"Femme Adidas\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-brett\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.49.45.png\" alt=\"Logo Brett Eyewear\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Brett Eyewear<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Brett, c\u2019est la marque fran\u00e7aise qui revisite l\u2019univers masculin avec des lunettes au design affirm\u00e9 et contemporain. Inspir\u00e9es par l\u2019\u00e9l\u00e9gance discr\u00e8te et la force des lignes \u00e9pur\u00e9es, les montures Brett s\u00e9duisent les hommes en qu\u00eate de style, d\u2019authenticit\u00e9 et de confort. Chaque paire est pens\u00e9e comme un accessoire de caract\u00e8re, \u00e0 la fois robuste et sophistiqu\u00e9.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Brett et ses mod\u00e8les uniques qui allient modernit\u00e9 et distinction.<\/p>\n            <p>Que vous soyez plut\u00f4t baroudeur, urbain ou gentleman, nous vous aiderons \u00e0 trouver la monture qui souligne votre personnalit\u00e9. Passez en magasin et affirmez votre style avec Brett !<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.58.36.png\" alt=\"Brett\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.58.32.png\" alt=\"Brett\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.58.28.png\" alt=\"Brett\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-clark\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.49.49.png\" alt=\"Logo Clark\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Clark Clip'on<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Clark Clip\u2019on, c\u2019est l\u2019ing\u00e9niosit\u00e9 au service de vos yeux : des lunettes de vue \u00e9l\u00e9gantes auxquelles s\u2019ajoute un clip solaire aimant\u00e9, facile \u00e0 poser et \u00e0 retirer en un geste. Fini le dilemme entre correction visuelle et protection solaire : une seule monture s\u2019adapte \u00e0 toutes vos situations, du bureau \u00e0 la terrasse ensoleill\u00e9e.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir cette collection astucieuse qui allie style, praticit\u00e9 et confort.<\/p>\n            <p>Venez essayer en magasin les mod\u00e8les Clark Clip\u2019on et profitez de la libert\u00e9 d\u2019avoir deux lunettes en une, sans compromis sur l\u2019esth\u00e9tique ni sur la qualit\u00e9 de vision.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.59.41.png\" alt=\"Clark\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.59.37.png\" alt=\"Clark\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.59.34.png\" alt=\"Clark\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-eden\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.49.56.png\" alt=\"Logo Eden Park\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Eden Park<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Eden Park, c\u2019est l\u2019alliance parfaite entre \u00e9l\u00e9gance fran\u00e7aise et esprit sportif, directement inspir\u00e9e du rugby et de son embl\u00e9matique n\u0153ud papillon rose. Les lunettes de la marque se distinguent par des lignes sobres, des d\u00e9tails raffin\u00e9s et une touche d\u2019audace, pour des montures \u00e0 la fois chic et d\u00e9contract\u00e9es.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Eden Park, pens\u00e9e pour les hommes et les femmes qui aiment affirmer leur style avec subtilit\u00e9.<\/p>\n            <p>Que vous soyez adepte d\u2019un look \u00e9l\u00e9gant au quotidien ou en qu\u00eate d\u2019une monture au caract\u00e8re affirm\u00e9, venez en magasin trouver le mod\u00e8le Eden Park qui vous ressemble.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.00.39.png\" alt=\"Eden Park\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.00.33-1.png\" alt=\"Eden Park\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.00.33.png\" alt=\"Eden Park\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-fila\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.00.png\" alt=\"Logo Fila\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Fila<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Fila, c\u2019est l\u2019esprit sportswear iconique qui traverse les g\u00e9n\u00e9rations. La marque italienne apporte dans l\u2019univers de l\u2019optique des lunettes au design dynamique, m\u00ealant confort, l\u00e9g\u00e8ret\u00e9 et style urbain. Les montures Fila s\u00e9duisent par leur modernit\u00e9 et leur c\u00f4t\u00e9 pratique, id\u00e9ales aussi bien pour un look sportif que pour une allure d\u00e9contract\u00e9e au quotidien.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Fila et ses mod\u00e8les tendances qui s\u2019adaptent \u00e0 tous les styles de vie.<\/p>\n            <p>Venez en magasin essayer vos futures lunettes et adoptez l\u2019\u00e9nergie sportive et moderne sign\u00e9e Fila !<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.01.25.png\" alt=\"Fila\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.01.21.png\" alt=\"Fila\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.01.17.png\" alt=\"Fila\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-inbo\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.05.png\" alt=\"Logo In'b\u00f4\"><\/div>\n          <div class=\"panel-text\">\n            <h3>In'b\u00f4<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>In\u2019B\u00f4, c\u2019est l\u2019artisanat fran\u00e7ais qui r\u00e9invente l\u2019optique avec des lunettes en bois, en pierre ou en mat\u00e9riaux innovants. Fabriqu\u00e9es dans les Vosges, ces montures allient respect de l\u2019environnement, design original et savoir-faire local. Chaque paire est unique, l\u00e9g\u00e8re et naturelle, pens\u00e9e pour ceux qui veulent conjuguer style et authenticit\u00e9.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection In\u2019B\u00f4 et son univers \u00e9co-responsable.<\/p>\n            <p>Venez essayer en magasin ces montures au caract\u00e8re singulier et laissez-vous s\u00e9duire par l\u2019\u00e9l\u00e9gance du bois made in France.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.02.19.png\" alt=\"In'bo\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.02.16.png\" alt=\"In'bo\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.02.13.png\" alt=\"In'bo\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-nike\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.10.png\" alt=\"Logo Nike\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Nike<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Nike, c\u2019est l\u2019alliance de la performance et du style, m\u00eame dans l\u2019univers des lunettes. Con\u00e7ues pour accompagner toutes vos activit\u00e9s, les montures Nike se distinguent par leur l\u00e9g\u00e8ret\u00e9, leur confort et leur design dynamique. Que ce soit pour le sport ou le quotidien, elles offrent maintien, praticit\u00e9 et un look moderne.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Nike et ses mod\u00e8les performants.<\/p>\n            <p>Passez en magasin pour essayer ces lunettes qui allient technologie, style et confort, et choisissez la paire qui vous accompagnera dans toutes vos aventures.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.03.16.png\" alt=\"Nike\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.03.12.png\" alt=\"Nike\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.07.20.png\" alt=\"Nike\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-persol\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.15.png\" alt=\"Logo Persol\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Persol<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Persol, c\u2019est l\u2019artisanat italien au service de l\u2019\u00e9l\u00e9gance et de la qualit\u00e9. R\u00e9put\u00e9es pour leurs montures embl\u00e9matiques et leur confort in\u00e9gal\u00e9, les lunettes Persol allient design intemporel, mat\u00e9riaux haut de gamme et d\u00e9tails iconiques, comme la c\u00e9l\u00e8bre fl\u00e8che m\u00e9tallique sur les branches. Chaque paire est pens\u00e9e pour durer tout en sublimant le regard.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Persol et ses mod\u00e8les l\u00e9gendaires.<\/p>\n            <p>Passez en magasin pour essayer ces lunettes au style raffin\u00e9 et intemporel, et laissez-vous s\u00e9duire par l\u2019excellence du savoir-faire italien.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.08.19.png\" alt=\"Persol\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.08.16.png\" alt=\"Persol\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.08.13.png\" alt=\"Persol\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-plein\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.19.png\" alt=\"Logo Plein Les Mirettes\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Plein Les Mirettes<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Plein Les Mirettes, c\u2019est l\u2019artisanat fran\u00e7ais du Jura au service de lunettes uniques et \u00e9l\u00e9gantes. Chaque monture est fabriqu\u00e9e avec soin dans des mat\u00e9riaux de qualit\u00e9, offrant confort, robustesse et un design original qui se distingue par son caract\u00e8re authentique et raffin\u00e9.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir cette collection artisanale qui allie style et savoir-faire local.<\/p>\n            <p>Passez en magasin pour essayer ces montures Plein Les Mirettes et laissez-vous s\u00e9duire par des lunettes qui allient \u00e9l\u00e9gance, confort et singularit\u00e9.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.09.12.png\" alt=\"Plein Les Mirettes\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.09.09.png\" alt=\"Plein Les Mirettes\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.09.06.png\" alt=\"Plein Les Mirettes\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-police\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.23.png\" alt=\"Logo Police\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Police<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Police, c\u2019est l\u2019esprit urbain et audacieux incarn\u00e9 dans des lunettes au design moderne et affirm\u00e9. Les montures se distinguent par leurs lignes contemporaines, leurs d\u00e9tails m\u00e9talliques et leur style r\u00e9solument city-chic, parfaites pour celles et ceux qui veulent marquer leur personnalit\u00e9 avec caract\u00e8re.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Police et ses mod\u00e8les embl\u00e9matiques.<\/p>\n            <p>Passez en magasin pour essayer ces lunettes qui allient \u00e9l\u00e9gance, attitude et confort, et adoptez un look r\u00e9solument tendance avec Police.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.10.05.png\" alt=\"Police\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.10.02.png\" alt=\"Police\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.09.58.png\" alt=\"Police\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-rayban\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/2.png\" alt=\"Logo Ray-Ban\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Ray-Ban<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Ray-Ban, c\u2019est une v\u00e9ritable ic\u00f4ne dans l\u2019univers de la lunetterie. Connue pour ses mod\u00e8les mythiques et son style intemporel, la marque traverse les g\u00e9n\u00e9rations sans jamais perdre de son allure. Entre design embl\u00e9matique et qualit\u00e9 reconnue, les lunettes Ray-Ban s\u2019adaptent aussi bien \u00e0 un look classique qu\u2019\u00e0 une personnalit\u00e9 plus audacieuse.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Ray-Ban et ses mod\u00e8les incontournables.<\/p>\n            <p>Que vous cherchiez une monture \u00e9l\u00e9gante pour le quotidien ou une paire au style affirm\u00e9, venez en magasin trouver celle qui vous accompagnera avec style\u2026 et une bonne dose de caract\u00e8re.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/ASAP_Rocky_x_Ray-Ban_Eyewear_d56b6707-edbf-4756-abb6-7452fc2ca7b2.webp\" alt=\"Ray-Ban 1\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/ray-ban-Round-Metal-RB3447-11258-50_model_male_threequarters.jpg\" alt=\"Ray-Ban 2\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/ray-ban-solaire-mobile-2025.jpg\" alt=\"Ray-Ban 3\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-seiko\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.33.png\" alt=\"Logo Seiko\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Seiko<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Seiko, reconnu pour son expertise horlog\u00e8re, applique le m\u00eame souci du d\u00e9tail et de la pr\u00e9cision \u00e0 ses lunettes. Les montures Seiko allient technologie, confort et design raffin\u00e9, offrant des mod\u00e8les \u00e0 la fois durables et \u00e9l\u00e9gants, pens\u00e9s pour un usage quotidien avec performance et style.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Seiko et ses montures de qualit\u00e9.<\/p>\n            <p>Passez en magasin pour essayer ces lunettes qui combinent innovation, confort et esth\u00e9tisme, et profitez d\u2019un savoir-faire japonais reconnu pour vos yeux.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.10.53.png\" alt=\"Seiko\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.10.49.png\" alt=\"Seiko\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.22.20.png\" alt=\"Seiko\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-valco\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.30.png\" alt=\"Logo Val&Co\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Val&Co<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Val&Co, c\u2019est l\u2019\u00e9l\u00e9gance fran\u00e7aise alli\u00e9e \u00e0 un design contemporain et raffin\u00e9. Les lunettes de la marque se distinguent par leurs lignes \u00e9pur\u00e9es, leurs mat\u00e9riaux de qualit\u00e9 et leurs d\u00e9tails subtils, pour des montures \u00e0 la fois \u00e9l\u00e9gantes, confortables et r\u00e9solument modernes.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Val&Co et ses mod\u00e8les soigneusement con\u00e7us pour sublimer le regard.<\/p>\n            <p>Passez en magasin pour essayer ces montures et laissez-vous s\u00e9duire par le style raffin\u00e9 et actuel de Val&Co.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.11.42.png\" alt=\"Val&Co\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.11.39.png\" alt=\"Val&Co\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.11.36.png\" alt=\"Val&Co\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-woodys\" class=\"luxe-presentation-panel\">\n        <button class=\"btn-close-panel\" onclick=\"closeAllPanels()\">\u00d7<\/button>\n        <div class=\"panel-header\">\n          <div class=\"panel-logo\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-16.50.40.png\" alt=\"Logo Woodys\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Woodys<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Woodys, c\u2019est l\u2019originalit\u00e9 et l\u2019artisanat au service de lunettes en bois ou en mat\u00e9riaux naturels. Chaque monture est fabriqu\u00e9e avec soin pour offrir confort, l\u00e9g\u00e8ret\u00e9 et durabilit\u00e9, tout en mettant en valeur un style unique et authentique. Woodys allie design contemporain et savoir-faire artisanal pour des lunettes qui sortent de l\u2019ordinaire.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Woodys et ses mod\u00e8les singuliers.<\/p>\n            <p>Passez en magasin pour essayer ces lunettes qui allient \u00e9l\u00e9gance, caract\u00e8re et respect de l\u2019environnement, et adoptez un look naturel et tendance.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"panel-collage\">\n          <div class=\"collage-left\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.12.31.png\" alt=\"Woodys\"><\/div>\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.12.27.png\" alt=\"Woodys\"><\/div>\n          <\/div>\n          <div class=\"collage-right\">\n            <div class=\"collage-img-box\"><img data-src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-17.19.13.png\" alt=\"Woodys\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"luxe-vitrine-footer\">\n      <span class=\"luxe-footer-text\">Venez d\u00e9couvrir en magasin nos collections<\/span>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  let activeCardId = null;\n\n  function openBrandPanel(panelId, cardId) {\n    const activeCard = document.getElementById(cardId);\n    const targetPanel = document.getElementById(panelId);\n\n    if (activeCardId === cardId) {\n      closeAllPanels();\n      return;\n    }\n\n    closeAllPanels();\n\n    let insertAfterCard = activeCard;\n    \n    while (\n      insertAfterCard.nextElementSibling &&\n      insertAfterCard.nextElementSibling.classList.contains('luxe-vitrine-card') &&\n      insertAfterCard.nextElementSibling.offsetTop === activeCard.offsetTop\n    ) {\n      insertAfterCard = insertAfterCard.nextElementSibling;\n    }\n\n    insertAfterCard.parentNode.insertBefore(targetPanel, insertAfterCard.nextSibling);\n\n    targetPanel.classList.add('show');\n    setTimeout(() => {\n      targetPanel.classList.add('fade-in');\n    }, 10);\n\n    activeCard.classList.add('active-brand');\n    activeCardId = cardId;\n\n    const lazyImages = targetPanel.querySelectorAll('img[data-src]');\n    lazyImages.forEach(img => {\n      img.src = img.getAttribute('data-src');\n      img.removeAttribute('data-src');\n    });\n\n    setTimeout(() => {\n      const yOffset = -40;\n      const y = activeCard.getBoundingClientRect().top + window.pageYOffset + yOffset;\n      window.scrollTo({top: y, behavior: 'smooth'});\n    }, 100);\n  }\n\n  function closeAllPanels() {\n    document.querySelectorAll('.luxe-presentation-panel').forEach(panel => {\n      panel.classList.remove('show', 'fade-in');\n    });\n    document.querySelectorAll('.luxe-vitrine-card').forEach(card => {\n      card.classList.remove('active-brand');\n    });\n    activeCardId = null;\n  }\n\n  \/\/ CORRECTION DU BUG SUR MOBILE :\n  \/\/ On stocke la largeur de l'\u00e9cran. \n  \/\/ On ne ferme les panneaux QUE si la LARGEUR change, pour \u00e9viter que le scroll (qui change la hauteur sur mobile) ne ferme le panneau.\n  let currentWindowWidth = window.innerWidth;\n\n  window.addEventListener('resize', () => {\n    if (window.innerWidth !== currentWindowWidth) {\n      currentWindowWidth = window.innerWidth;\n      if(activeCardId) {\n        closeAllPanels();\n      }\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b9b3de elementor-widget elementor-widget-html\" data-id=\"4b9b3de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- SECTION GLOBALE --- *\/\r\n  .mur-marques-section {\r\n    padding: 60px 20px;\r\n    text-align: center;\r\n    background-color: transparent;\r\n    overflow: hidden; \/* Emp\u00eache la page de devenir plus large que l'\u00e9cran *\/\r\n  }\r\n\r\n  \/* --- LES TITRES --- *\/\r\n  .mur-titre {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 28px;\r\n    font-weight: 300;\r\n    letter-spacing: 5px;\r\n    color: #111111; \/* Mettez #ffffff si le fond de votre page est noir *\/\r\n    text-transform: uppercase;\r\n    margin: 0 0 5px 0;\r\n  }\r\n\r\n  .mur-sous-titre {\r\n    font-family: 'Georgia', serif;\r\n    font-size: 14px;\r\n    font-style: italic;\r\n    color: #d4af37; \/* Or *\/\r\n    letter-spacing: 2px;\r\n    display: block;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  \/* --- LE CONTENEUR DU CARROUSEL --- *\/\r\n  .carousel-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    \/* L'effet de fondu sur les bords gauche et droit *\/\r\n    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n  }\r\n\r\n  \/* --- LA PISTE QUI D\u00c9FILE --- *\/\r\n  .carousel-track {\r\n    display: inline-flex;\r\n    gap: 80px; \/* Espace entre les logos *\/\r\n    align-items: center;\r\n    \/* L'animation : 25 secondes pour faire un tour complet, de mani\u00e8re lin\u00e9aire et infinie *\/\r\n    animation: defilement-infini 25s linear infinite;\r\n    padding-right: 80px; \/* Doit \u00eatre \u00e9gal au gap pour un raccord parfait *\/\r\n  }\r\n\r\n  \/* Le carrousel se met en pause quand on le survole avec la souris *\/\r\n  .carousel-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  \/* --- STYLE DE CHAQUE LOGO --- *\/\r\n  .carousel-logo {\r\n    width: 150px;\r\n    height: 80px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-shrink: 0; \/* Emp\u00eache les logos de s'\u00e9craser *\/\r\n  }\r\n\r\n  .carousel-logo img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    \/* Logos gris\u00e9s et transparents au repos *\/\r\n    filter: grayscale(100%) opacity(50%);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  \/* L'effet au survol d'un logo sp\u00e9cifique *\/\r\n  .carousel-logo:hover img {\r\n    filter: grayscale(0%) opacity(100%);\r\n    transform: scale(1.15);\r\n  }\r\n\r\n  \/* --- L'ANIMATION CSS (LA MAGIE) --- *\/\r\n  @keyframes defilement-infini {\r\n    0% {\r\n      transform: translateX(0);\r\n    }\r\n    100% {\r\n      \/* Se d\u00e9place exactement de la moiti\u00e9 de sa largeur (puisqu'on a doubl\u00e9 les logos) *\/\r\n      transform: translateX(calc(-50% - 40px));\r\n    }\r\n  }\r\n\r\n  \/* --- ADAPTATION POUR T\u00c9L\u00c9PHONES --- *\/\r\n  @media (max-width: 768px) {\r\n    .carousel-track {\r\n      gap: 40px;\r\n      padding-right: 40px;\r\n      animation-duration: 15s; \/* Tourne un peu plus vite sur mobile *\/\r\n    }\r\n    .carousel-logo {\r\n      width: 110px;\r\n      height: 60px;\r\n    }\r\n    .mur-titre {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- La structure HTML -->\r\n<div class=\"mur-marques-section\">\r\n  \r\n  <!-- Les Titres -->\r\n  <h2 class=\"mur-titre\">Nos Marques Partenaires<\/h2>\r\n  <span class=\"mur-sous-titre\">Collections Signatures<\/span>\r\n\r\n  <!-- Le Carrousel -->\r\n  <div class=\"carousel-container\">\r\n    <div class=\"carousel-track\">\r\n      \r\n      <!-- S\u00c9RIE 1 (Les 6 logos) -->\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/1.png\" alt=\"Guess\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/2.png\" alt=\"Ray-Ban\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/3.png\" alt=\"Zadig & Voltaire\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/4.png\" alt=\"Nike\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/6.png\" alt=\"Cl\u00e9mence & Margaux\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Lunettes-HDF-Optic.png\" alt=\"Fila\"><\/div>\r\n\r\n      <!-- S\u00c9RIE 2 (Les 6 m\u00eames logos dupliqu\u00e9s pour cr\u00e9er la boucle infinie sans coupure) -->\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/1.png\" alt=\"Guess\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/2.png\" alt=\"Ray-Ban\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/3.png\" alt=\"Zadig & Voltaire\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/4.png\" alt=\"Nike\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/6.png\" alt=\"Cl\u00e9mence & Margaux\"><\/div>\r\n      <div class=\"carousel-logo\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Lunettes-HDF-Optic.png\" alt=\"Fila\"><\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hommes Femmes Enfants Collections Optiques &#038; Solaires Nos Collections Adidas Brett Eyewear Clark Clip&rsquo;on Eden Park Fila In&rsquo;b\u00f4 Nike Persol Plein Les Mirettes Police Ray-Ban Seiko Val&#038;Co Woodys \u00d7 Adidas Adidas, c&rsquo;est bien plus qu&rsquo;une simple marque de sport : c&rsquo;est un symbole de performance, de confort et de style. Depuis plusieurs ann\u00e9es, la griffe [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2738","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/comments?post=2738"}],"version-history":[{"count":91,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2738\/revisions"}],"predecessor-version":[{"id":3227,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2738\/revisions\/3227"}],"wp:attachment":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/media?parent=2738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}