{"id":2969,"date":"2026-05-05T17:21:41","date_gmt":"2026-05-05T16:21:41","guid":{"rendered":"https:\/\/www.hdfoptic.com\/?page_id=2969"},"modified":"2026-05-11T09:54:37","modified_gmt":"2026-05-11T08:54:37","slug":"enfants","status":"publish","type":"page","link":"https:\/\/www.hdfoptic.com\/index.php\/enfants\/","title":{"rendered":"Enfants"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2969\" class=\"elementor elementor-2969\">\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  .luxe-page-nav { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; background-color: transparent; border-bottom: 1px solid #eaeaea; margin-bottom: 50px; position: relative; z-index: 50; }\n  .luxe-nav-link { display: inline-flex; justify-content: center; align-items: center; text-decoration: none; padding: 20px 40px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: #999999; position: relative; transition: color 0.4s ease; cursor: pointer !important; user-select: none; }\n  .luxe-nav-link:hover { color: #111111; }\n  .luxe-nav-link::after { content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 0; height: 1px; background-color: #d4af37; transition: width 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; }\n  .luxe-nav-link:hover::after, .luxe-nav-link.active-link::after { width: 100%; }\n  .luxe-nav-link.active-link { color: #111111; font-weight: 600; }\n  @media (max-width: 768px) { .luxe-page-nav { flex-direction: column; border-bottom: none; } .luxe-nav-link { width: 100%; padding: 15px 20px; border-bottom: 1px solid #eaeaea; } .luxe-nav-link::after { bottom: 0; } }\n<\/style>\n\n<nav class=\"luxe-page-nav\">\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/hommes\/\" class=\"luxe-nav-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 active-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-size: 14px; \n    line-height: 2; \n    margin-bottom: 25px;\n    font-weight: 400;\n  }\n\n  \/* --- Collage Photo Asym\u00e9trique \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 { \n    display: flex; \n    flex-direction: column; \n    gap: 25px; \n  }\n  \n  .collage-img-box {\n    border-radius: 2px; \n    overflow: hidden;\n    background-color: #fcfcfc; \n    position: relative;\n    width: 100%;\n  }\n\n  \/* On force les images de gauche \u00e0 \u00eatre moins hautes *\/\n  .collage-left .collage-img-box {\n    height: 250px; \/* Ajustez cette valeur si besoin *\/\n  }\n\n  \/* On force l'image de droite \u00e0 prendre toute la hauteur (2x250 + 25px de gap) *\/\n  .collage-right .collage-img-box {\n    height: 100%;\n    min-height: 525px;\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 ease;\n  }\n\n  .collage-img-box:hover img {\n    transform: scale(1.04);\n  }\n\n  \/* --- FOOTER --- *\/\n  .luxe-vitrine-footer { text-align: center; margin-top: 80px; }\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  @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-vitrine-grid { gap: 20px; }\n    .luxe-vitrine-card { flex: 0 0 calc(50% - 10px); }\n    .luxe-presentation-panel { padding: 50px 25px 40px 25px; }\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; }\n    \n    \/* Sur mobile, les photos s'empilent naturellement *\/\n    .panel-collage { grid-template-columns: 1fr; } \n    .collage-left .collage-img-box, .collage-right .collage-img-box { height: 300px; min-height: auto; }\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-barbie\" onclick=\"openBrandPanel('panel-barbie', 'card-barbie')\">\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-18.26.50.png\" alt=\"Barbie\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Barbie<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-disney\" onclick=\"openBrandPanel('panel-disney', 'card-disney')\">\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-18.26.55.png\" alt=\"Disney\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Disney<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-marvel\" onclick=\"openBrandPanel('panel-marvel', 'card-marvel')\">\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-18.26.59.png\" alt=\"Marvel\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Marvel<\/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-18.27.04.png\" alt=\"Nike\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Nike<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-starwars\" onclick=\"openBrandPanel('panel-starwars', 'card-starwars')\">\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-18.27.08.png\" alt=\"Star Wars\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Star Wars<\/span>\n      <\/div>\n\n      <div class=\"luxe-vitrine-card\" id=\"card-tartine\" onclick=\"openBrandPanel('panel-tartine', 'card-tartine')\">\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-18.27.11.png\" alt=\"Tartine & Chocolat\"><\/div>\n        <span class=\"luxe-vitrine-brand\">Tartine&Chocolat<\/span>\n      <\/div>\n\n      <div id=\"panel-barbie\" 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-18.44.37.png\" alt=\"Logo Barbie\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Barbie<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Avec les lunettes Barbie, les enfants retrouvent tout l'univers color\u00e9, joyeux et cr\u00e9atif de leur h\u00e9ro\u00efne pr\u00e9f\u00e9r\u00e9e. Les montures, sp\u00e9cialement con\u00e7ues pour les plus jeunes, allient confort, r\u00e9sistance et fantaisie, pour que le port de lunettes devienne un vrai plaisir. Entre paillettes discr\u00e8tes, teintes vives et d\u00e9tails ludiques, chaque paire refl\u00e8te l'esprit p\u00e9tillant de Barbie.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir une s\u00e9lection de lunettes Barbie pens\u00e9es pour accompagner les enfants dans leurs aventures du quotidien.<\/p>\n            <p>Parce qu'il n'est jamais trop t\u00f4t pour allier style et confort, venez d\u00e9couvrir en magasin des mod\u00e8les qui feront briller les yeux des petits comme des grands !<\/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-18.58.07.png\"><\/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-18.58.04.png\"><\/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-18.58.00.png\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-disney\" 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-18.44.44.png\" alt=\"Logo Disney\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Disney<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Avec les lunettes Disney Princesses, les petites filles retrouvent la magie et l'\u00e9l\u00e9gance de leurs h\u00e9ro\u00efnes pr\u00e9f\u00e9r\u00e9es.<\/p>\n            <p>Chaque monture s'inspire de l'univers f\u00e9\u00e9rique de Cendrillon, Belle ou encore Ariel, avec des couleurs douces, des d\u00e9tails scintillants et une touche de fantaisie. R\u00e9sistantes, confortables et pleines de charme, ces lunettes rendent le port de verres correcteurs aussi joyeux que ludique.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir les plus beaux mod\u00e8les Disney Princesses pour vos enfants. Parce que leurs yeux m\u00e9ritent \u00e0 la fois protection et enchantement, venez en magasin d\u00e9couvrir des lunettes qui allient r\u00eave, confort et style royal.<\/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-18.49.27.png\"><\/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-18.49.23.png\"><\/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-18.49.19.png\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-marvel\" 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-18.44.49.png\" alt=\"Logo Marvel\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Marvel<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Avec les lunettes Marvel, les enfants plongent dans l'univers des super-h\u00e9ros qu'ils adorent, de Spider-Man \u00e0 Iron Man en passant par les Avengers. Les montures, color\u00e9es et r\u00e9sistantes, sont con\u00e7ues pour allier confort, solidit\u00e9 et fun, afin que le port de lunettes devienne un vrai jeu d'aventure et de style.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir une s\u00e9lection de lunettes Marvel qui feront briller les yeux des petits h\u00e9ros au quotidien.<\/p>\n            <p>Passez en magasin pour d\u00e9couvrir des mod\u00e8les pratiques et ludiques, alliant protection et fantaisie digne des plus grandes 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-18.51.21.png\"><\/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-18.51.17.png\"><\/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-18.51.14.png\"><\/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-18.44.54.png\" alt=\"Logo Nike\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Nike<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Nike, c'est l'alliance de la performance et du style, m\u00eame dans l'univers 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-18.51.44.png\"><\/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-18.51.40.png\"><\/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-18.51.37.png\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-starwars\" 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-18.45.01.png\" alt=\"Logo Star Wars\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Star Wars<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Avec les lunettes Star Wars, les enfants plongent dans l'univers fascinant des Jedi, Sith et h\u00e9ros intergalactiques. Les montures sont pens\u00e9es pour \u00eatre solides, confortables et styl\u00e9es, avec des motifs et d\u00e9tails inspir\u00e9s de leurs personnages et vaisseaux pr\u00e9f\u00e9r\u00e9s, rendant le port de lunettes amusant et immersif.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir une s\u00e9lection de lunettes Star Wars qui allient protection, confort et fantaisie.<\/p>\n            <p>Passez en magasin pour d\u00e9couvrir ces mod\u00e8les captivants et laissez vos enfants arborer leur c\u00f4t\u00e9 h\u00e9ros de la galaxie au quotidien.<\/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-18.52.17.png\"><\/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-18.52.14.png\"><\/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-18.52.10.png\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"panel-tartine\" 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-18.45.05.png\" alt=\"Logo Tartine&Chocolat\"><\/div>\n          <div class=\"panel-text\">\n            <h3>Tartine&Chocolat<\/h3>\n            <div class=\"panel-separator\"><\/div>\n            <p>Tartine & Chocolat, c'est la douceur et l'\u00e9l\u00e9gance au service des tout-petits. Les lunettes de la marque allient confort, s\u00e9curit\u00e9 et design raffin\u00e9, avec des couleurs tendres et des d\u00e9tails d\u00e9licats qui ravissent les enfants et leurs parents. Chaque monture est pens\u00e9e pour prot\u00e9ger les yeux tout en apportant une touche de style et de charme.<\/p>\n            <p>\u00c0 Bapaume et Ham, votre Opticien HDF OPTIC vous propose de d\u00e9couvrir la collection Tartine & Chocolat, id\u00e9ale pour les enfants qui veulent porter des lunettes confortables et \u00e9l\u00e9gantes.<\/p>\n            <p>Passez en magasin pour essayer ces mod\u00e8les et laissez vos enfants profiter d'un look tendre et raffin\u00e9 au quotidien.<\/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-18.52.56.png\"><\/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-18.52.52.png\"><\/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-18.52.49.png\"><\/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\u00c9COUVRIR 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    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    targetPanel.classList.add('show');\n    setTimeout(() => { targetPanel.classList.add('fade-in'); }, 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 DE SCROLL SUR MOBILE\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 Barbie Disney Marvel Nike Star Wars Tartine&#038;Chocolat \u00d7 Barbie Avec les lunettes Barbie, les enfants retrouvent tout l&rsquo;univers color\u00e9, joyeux et cr\u00e9atif de leur h\u00e9ro\u00efne pr\u00e9f\u00e9r\u00e9e. Les montures, sp\u00e9cialement con\u00e7ues pour les plus jeunes, allient confort, r\u00e9sistance et fantaisie, pour que le port de lunettes devienne [&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-2969","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2969","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=2969"}],"version-history":[{"count":31,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2969\/revisions"}],"predecessor-version":[{"id":3230,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2969\/revisions\/3230"}],"wp:attachment":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/media?parent=2969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}