{"id":47,"date":"2026-03-30T17:04:42","date_gmt":"2026-03-30T16:04:42","guid":{"rendered":"https:\/\/www.hdfoptic.com\/?page_id=47"},"modified":"2026-05-14T09:14:43","modified_gmt":"2026-05-14T08:14:43","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.hdfoptic.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e835afa e-con-full e-flex e-con e-parent\" data-id=\"e835afa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c3bed9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6c3bed9\" 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-marquee-section {\n    width: 100%;\n    margin: 60px 0;\n    background-color: #ffffff;\n    padding: 10px 0 40px 0;\n  }\n\n  \/* --- LE CONTENEUR PLEIN \u00c9CRAN --- *\/\n  .luxe-marquee-container {\n    display: flex;\n    width: 100%;\n    overflow: hidden; \/* Coupe tout ce qui d\u00e9passe de l'\u00e9cran *\/\n  }\n\n  \/* Le survol du conteneur met TOUS les groupes en pause en m\u00eame temps *\/\n  .luxe-marquee-container:hover .marquee-group {\n    animation-play-state: paused;\n  }\n\n  \/* --- LES GROUPES D'IMAGES --- *\/\n  .marquee-group {\n    display: flex;\n    gap: 30px; \/* Espace entre les photos *\/\n    padding-right: 30px; \/* Espace magique \u00e0 la fin du groupe pour lier avec le suivant *\/\n    flex-shrink: 0; \/* Emp\u00eache le groupe de s'\u00e9craser *\/\n    \n    \/* Vitesse de d\u00e9filement (30s par groupe pour une fluidit\u00e9 parfaite) *\/\n    animation: scrollMarquee 30s linear infinite;\n  }\n\n  \/* --- LA PHOTO INDIVIDUELLE --- *\/\n  .marquee-item {\n    width: 450px; \n    height: 550px;\n    flex-shrink: 0; \/* Obligatoire : garantit que l'image fera toujours 450px de large *\/\n    border-radius: 2px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    cursor: pointer;\n  }\n\n  .marquee-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  \/* Petit zoom chic au survol *\/\n  .marquee-item:hover img {\n    transform: scale(1.04);\n  }\n\n  \/* --- L'ANIMATION DE BOUCLE INFINIE PARFAITE --- *\/\n  @keyframes scrollMarquee {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-100%); } \/* Chaque groupe se d\u00e9cale exactement de sa propre largeur *\/\n  }\n\n  \/* --- ADAPTATION POUR \u00c9CRANS PLUS PETITS ET T\u00c9L\u00c9PHONES --- *\/\n  @media (max-width: 1200px) {\n    .marquee-item {\n      width: 40vw; \n      height: 50vw;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .marquee-item {\n      width: 65vw; \n      height: 85vw;\n    }\n    .marquee-group {\n      gap: 15px; \n      padding-right: 15px; \/* On r\u00e9duit aussi l'espace de liaison sur mobile *\/\n    }\n  }\n<\/style>\n\n<!-- La structure HTML -->\n<div class=\"luxe-marquee-section\">\n  <div class=\"luxe-marquee-container\">\n    \n    <!-- GROUPE 1 -->\n    <div class=\"marquee-group\">\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/1-1.png\" alt=\"Lunettes 1\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/2-1.png\" alt=\"Lunettes 2\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/3-1.png\" alt=\"Lunettes 3\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/4-1.png\" alt=\"Lunettes 4\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/5.png\" alt=\"Lunettes 5\"><\/div>\n    <\/div>\n    \n    <!-- GROUPE 2 -->\n    <div class=\"marquee-group\" aria-hidden=\"true\">\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/1-1.png\" alt=\"Lunettes 1\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/2-1.png\" alt=\"Lunettes 2\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/3-1.png\" alt=\"Lunettes 3\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/4-1.png\" alt=\"Lunettes 4\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/5.png\" alt=\"Lunettes 5\"><\/div>\n    <\/div>\n\n    <!-- GROUPE 3 (S\u00e9curit\u00e9 pour les tr\u00e8s grands \u00e9crans) -->\n    <div class=\"marquee-group\" aria-hidden=\"true\">\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/1-1.png\" alt=\"Lunettes 1\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/2-1.png\" alt=\"Lunettes 2\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/3-1.png\" alt=\"Lunettes 3\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/4-1.png\" alt=\"Lunettes 4\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/5.png\" alt=\"Lunettes 5\"><\/div>\n    <\/div>\n\n    <!-- GROUPE 4 (S\u00e9curit\u00e9 pour les tr\u00e8s grands \u00e9crans) -->\n    <div class=\"marquee-group\" aria-hidden=\"true\">\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/1-1.png\" alt=\"Lunettes 1\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/2-1.png\" alt=\"Lunettes 2\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/3-1.png\" alt=\"Lunettes 3\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/4-1.png\" alt=\"Lunettes 4\"><\/div>\n      <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/5.png\" alt=\"Lunettes 5\"><\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40cc3d1 elementor-widget elementor-widget-spacer\" data-id=\"40cc3d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee8fe6a e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"ee8fe6a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7e5f9c51 e-con-full e-flex e-con e-child\" data-id=\"7e5f9c51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a9c521 elementor-widget elementor-widget-spacer\" data-id=\"4a9c521\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-765d1ffb elementor-widget elementor-widget-image\" data-id=\"765d1ffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-3-1024x1024.png\" class=\"attachment-large size-large wp-image-1244\" alt=\"\" srcset=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-3-1024x1024.png 1024w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-3-300x300.png 300w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-3-100x100.png 100w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-3-600x600.png 600w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-3-150x150.png 150w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-3-768x768.png 768w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-3.png 1440w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-478a0688 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-image\" data-id=\"478a0688\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1440\" height=\"1440\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-3.png\" class=\"attachment-full size-full wp-image-1245\" alt=\"\" srcset=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-3.png 1440w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-3-300x300.png 300w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-3-100x100.png 100w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-3-600x600.png 600w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-3-1024x1024.png 1024w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-3-150x150.png 150w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-3-768x768.png 768w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e0059c2 e-con-full e-flex e-con e-child\" data-id=\"1e0059c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5321a22 elementor-widget elementor-widget-heading\" data-id=\"5321a22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EXAMEN DE VUE 100% GRATUIT <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77763946 elementor-widget elementor-widget-heading\" data-id=\"77763946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">AVEC OU SANS RENDEZ-VOUS<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-222be52e elementor-widget elementor-widget-text-editor\" data-id=\"222be52e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00c0 <strong>Bapaume &amp; Ham<\/strong>, votre Opticien <b data-path-to-node=\"8,0\" data-index-in-node=\"5\">HDF OPTIC <\/b>place votre sant\u00e9 au c\u0153ur de notre m\u00e9tier. Profitez d&rsquo;un <b data-path-to-node=\"8,0\" data-index-in-node=\"89\">examen de vue complet et gratuit, avec ou sans ordonnance,\u00a0<\/b> r\u00e9alis\u00e9 par nos optom\u00e9tristes certifi\u00e9s dans nos magasins de Bapaume et Ham.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63e66b31 e-con-full e-flex e-con e-child\" data-id=\"63e66b31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7852462 elementor-widget elementor-widget-html\" data-id=\"7852462\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"luxe-compact-module\">\n    <div class=\"luxe-compact-inner\">\n        \n        <div class=\"luxe-doctolib-row\">\n            <a href=\"https:\/\/www.hdfoptic.com\/index.php\/rendez-vous\/\" target=\"_blank\" class=\"luxe-btn-doctolib\">\n                <div class=\"btn-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n                        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n                        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n                    <\/svg>\n                <\/div>\n                <div class=\"btn-content\">\n                    <span class=\"btn-main-text\">PRENDRE RDV SUR DOCTOLIB<\/span>\n                <\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"luxe-phones-row\">\n            <a href=\"tel:+33321233348\" class=\"luxe-btn-secondary\">\n                <div class=\"btn-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div class=\"btn-content\">\n                    <span class=\"call-city\">Bapaume<\/span>\n                    <span class=\"call-number\">03 21 23 33 48<\/span>\n                <\/div>\n            <\/a>\n\n            <a href=\"tel:+33322781450\" class=\"luxe-btn-secondary\">\n                <div class=\"btn-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div class=\"btn-content\">\n                    <span class=\"call-city\">Ham<\/span>\n                    <span class=\"call-number\">03 22 78 14 50<\/span>\n                <\/div>\n            <\/a>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n\/* =========================================\n   DESIGN DU MODULE CONTACT COMPACT (FIG\u00c9 SUR 2 LIGNES)\n   ========================================= *\/\n\n.luxe-compact-module {\n    font-family: 'Montserrat', sans-serif;\n    padding: 15px 10px;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n}\n\n.luxe-compact-inner {\n    background: #ffffff;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);\n    padding: 20px;\n    max-width: 1100px;\n    width: 100%;\n}\n\n\/* --- LIGNE 1 : DOCTOLIB --- *\/\n.luxe-doctolib-row {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 15px; \n}\n\n.luxe-btn-doctolib {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background-color: #0596DE; \n    color: #ffffff !important;\n    text-decoration: none;\n    padding: 14px 40px; \n    border-radius: 50px; \n    box-shadow: 0 8px 20px rgba(5, 150, 222, 0.2);\n    transition: all 0.3s ease;\n    width: 100%;\n    max-width: 500px;\n    white-space: nowrap; \/* Emp\u00eache le texte de passer \u00e0 la ligne *\/\n}\n\n.luxe-btn-doctolib:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 25px rgba(5, 150, 222, 0.35);\n    background-color: #047bb5;\n}\n\n\/* --- LIGNE 2 : T\u00c9L\u00c9PHONES (TOUJOURS C\u00d4TE \u00c0 C\u00d4TE) --- *\/\n.luxe-phones-row {\n    display: flex;\n    justify-content: space-between; \n    align-items: stretch;\n    gap: 15px;\n    flex-wrap: nowrap; \/* FORCE les boutons \u00e0 rester sur la m\u00eame ligne *\/\n}\n\n.luxe-btn-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center; \n    gap: 15px;\n    background: #ffffff;\n    color: #111111 !important;\n    text-decoration: none;\n    padding: 12px 20px;\n    border-radius: 8px;\n    border: 2px solid #f0f0f0;\n    transition: all 0.3s ease;\n    flex: 1; \n    white-space: nowrap; \/* Emp\u00eache les num\u00e9ros de se casser en deux *\/\n    overflow: hidden;\n}\n\n.luxe-btn-secondary:hover {\n    border-color: #d4af37;\n    background-color: #fafafa;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\n}\n\n\/* --- IC\u00d4NES ET TEXTES --- *\/\n.btn-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.luxe-btn-doctolib .btn-icon svg { width: 22px; height: 22px; }\n.luxe-btn-secondary .btn-icon svg { width: 22px; height: 22px; color: #d4af37; }\n\n.btn-content {\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n}\n\n.luxe-btn-doctolib .btn-main-text {\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.call-city {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #666666;\n    margin-bottom: 2px;\n}\n\n.call-number {\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 1px;\n}\n\n\/* =========================================\n   ADAPTATION MOBILE EXTR\u00caME (Pour que \u00e7a rentre sur 1 ligne)\n   ========================================= *\/\n@media (max-width: 650px) {\n    .luxe-compact-inner { padding: 15px 10px; }\n    \n    .luxe-phones-row { gap: 8px; }\n    \n    \/* On change la disposition interne du bouton sur mobile pour gagner de la place en largeur *\/\n    .luxe-btn-secondary {\n        padding: 8px 5px;\n        gap: 5px;\n        flex-direction: column; \/* L'ic\u00f4ne passe au-dessus du texte sur mobile *\/\n        text-align: center;\n    }\n\n    .btn-content {\n        align-items: center;\n        text-align: center;\n    }\n\n    .call-city { font-size: 9px; letter-spacing: 1px; }\n    .call-number { font-size: 13px; letter-spacing: 0; }\n    \n    .luxe-btn-doctolib { padding: 12px 15px; }\n    .luxe-btn-doctolib .btn-main-text { font-size: 12px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-481d28f e-flex e-con-boxed e-con e-parent\" data-id=\"481d28f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e61711a elementor-widget elementor-widget-html\" data-id=\"e61711a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- SECTION GLOBALE VID\u00c9O --- *\/\n  .luxe-video-section {\n    width: 100%;\n    max-width: 1200px;\n    margin: 80px auto;\n    padding: 0 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n\n  \/* --- EN-T\u00caTE \u00c9L\u00c9GANT --- *\/\n  .video-section-header {\n    text-align: center;\n    margin-bottom: 50px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .video-section-header h3 {\n    color: #111111;\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    font-size: 36px;\n    margin: 0 0 15px 0;\n    font-weight: 700;\n  }\n\n  .video-header-line {\n    width: 40px;\n    height: 1px;\n    background-color: #111111;\n  }\n\n  \/* --- LE CONTENEUR DE LA VID\u00c9O --- *\/\n  .luxe-video-wrapper {\n    position: relative;\n    width: 100%;\n    height: 600px; \/* Grand format immersif *\/\n    border-radius: 2px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); \/* Ombre douce *\/\n    background-color: #000;\n  }\n\n  \/* Le cadre dor\u00e9 int\u00e9rieur qui r\u00e9agit au survol *\/\n  .luxe-video-wrapper::before {\n    content: '';\n    position: absolute;\n    top: 20px; left: 20px; right: 20px; bottom: 20px;\n    border: 1px solid rgba(212, 175, 55, 0.3); \/* Cadre dor\u00e9 tr\u00e8s l\u00e9ger *\/\n    z-index: 3;\n    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n    pointer-events: none;\n  }\n\n  \/* Au survol, le cadre se resserre et devient plus visible *\/\n  .luxe-video-wrapper:hover::before {\n    top: 15px; left: 15px; right: 15px; bottom: 15px;\n    border-color: rgba(212, 175, 55, 0.8);\n  }\n\n  \/* --- LA VID\u00c9O --- *\/\n  .luxe-video-player {\n    width: 100%;\n    height: 100%;\n    object-fit: cover; \/* Remplit tout l'espace sans d\u00e9former *\/\n    display: block;\n    transition: transform 1.2s ease;\n  }\n\n  .luxe-video-wrapper:hover .luxe-video-player {\n    transform: scale(1.02); \/* Zoom infime fa\u00e7on cin\u00e9ma *\/\n  }\n\n  \/* --- L'OVERLAY (Voile sombre pour faire ressortir le bouton) --- *\/\n  .video-gradient-overlay {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    padding: 50px 20px;\n    pointer-events: none; \/* Laisse les clics passer au travers, sauf pour le bouton *\/\n  }\n\n  \/* --- BOUTON D'ACTION --- *\/\n  .video-btn {\n    pointer-events: auto; \/* Rend le bouton cliquable malgr\u00e9 l'overlay *\/\n    display: inline-block;\n    padding: 16px 40px;\n    background: transparent;\n    color: #ffffff;\n    border: 1px solid #ffffff;\n    text-decoration: none;\n    text-transform: uppercase;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    transition: all 0.4s ease;\n    backdrop-filter: blur(5px); \/* Effet verre d\u00e9poli chic *\/\n  }\n\n  .video-btn:hover {\n    background: #ffffff;\n    color: #111111;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n  }\n\n  \/* --- ADAPTATION MOBILE --- *\/\n  @media (max-width: 768px) {\n    .luxe-video-section {\n      padding: 0 10px;\n      margin: 50px auto;\n    }\n    .luxe-video-wrapper {\n      height: 450px; \/* Moins haut sur t\u00e9l\u00e9phone *\/\n    }\n    .video-section-header h3 {\n      font-size: 24px;\n      letter-spacing: 4px;\n    }\n  }\n<\/style>\n\n<!-- La structure HTML -->\n<div class=\"luxe-video-section\">\n  \n  <!-- L'en-t\u00eate -->\n  <div class=\"video-section-header\">\n    <h3>COLLECTIONS EXCLUSIVES<\/h3>\n    <div class=\"video-header-line\"><\/div>\n  <\/div>\n\n  <!-- Le conteneur vid\u00e9o -->\n  <div class=\"luxe-video-wrapper\">\n    \n    <!-- La balise vid\u00e9o -->\n    <video class=\"luxe-video-player\" autoplay loop muted playsinline>\n      <source src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/NinaRicci_625_v4_1920x1080_20s.mp4\" type=\"video\/mp4\">\n      Votre navigateur ne supporte pas la lecture de vid\u00e9os.\n    <\/video>\n\n    <!-- L'overlay avec le bouton uniquement -->\n    <div class=\"video-gradient-overlay\">\n      <!-- LE LIEN A \u00c9T\u00c9 MODIFI\u00c9 ICI \ud83d\udc47 -->\n      <a href=\"https:\/\/www.hdfoptic.com\/index.php\/boutique-collections\/\" class=\"video-btn\">\n        D\u00e9couvrir les collections\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89c668d e-con-full e-flex e-con e-parent\" data-id=\"89c668d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-115c4d4f e-con-full e-flex e-con e-child\" data-id=\"115c4d4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-327b1ba7 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"327b1ba7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e3db169 elementor-widget-laptop__width-initial elementor-widget elementor-widget-heading\" data-id=\"7e3db169\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">POURQUOI CHOISIR HDF OPTIC ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-253a5b90 elementor-widget elementor-widget-text-editor\" data-id=\"253a5b90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nous mettons notre savoir-faire au service de votre vision pour vous offrir un accompagnement personnalis\u00e9. De la s\u00e9lection de votre monture \u00e0 l&rsquo;ajustement pr\u00e9cis de vos verres, chaque \u00e9tape est r\u00e9alis\u00e9e avec rigueur et passion.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48dee118 e-con-full e-flex e-con e-child\" data-id=\"48dee118\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-40f92f70 e-con-full e-flex e-con e-child\" data-id=\"40f92f70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ba9e563 elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"1ba9e563\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Mat\u00e9riel de Pointe<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Optom\u00e9tristes Experts<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d82ad93 e-con-full e-flex e-con e-child\" data-id=\"4d82ad93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cd4fd9b elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"6cd4fd9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Tiers-Payant Toutes Mutuelles<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Satisfaction Garantie<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79425df7 e-con-full e-flex e-con e-child\" data-id=\"79425df7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43418cae elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-image\" data-id=\"43418cae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;pulse&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-110.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4db1d88 e-flex e-con-boxed e-con e-parent\" data-id=\"4db1d88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d5414a elementor-widget elementor-widget-spacer\" data-id=\"8d5414a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bcacb3 elementor-widget elementor-widget-heading\" data-id=\"2bcacb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">REJOIGNEZ NOS CLIENTS SATISFAITS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcfa18c elementor-widget elementor-widget-html\" data-id=\"fcfa18c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel=\"stylesheet\" href=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/trustindex-google-widget.css?1787069592\" media=\"all\"><pre class=\"ti-widget\"><div style=\"opacity: 0;height: 0 !important;overflow: hidden !important\" data-css-url=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/trustindex-google-widget.css?1787069592\" class=\" ti-widget  ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"il y a %d %s|aujourd&apos;hui|jour|jours|semaine|semaines|mois|mois|ann\u00e9e|ans\" data-plugin-version=\"14.2\" data-layout-id=\"13\" data-layout-category=\"slider\" data-set-id=\"luxury-fame\" data-pid=\"wp-widget\" data-language=\"fr\" data-close-locale=\"Fermer\" data-review-target-width=\"275\" data-css-version=\"2\" data-reply-by-locale=\"R\u00e9ponse du propri\u00e9taire\" data-only-rating-locale=\"Cet utilisateur a uniquement laiss\u00e9 une \u00e9valuation.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-4\"> <div class=\"ti-footer source-Google\"> <div class=\"ti-row\"> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh4.googleusercontent.com\/-LjQHn6vOIW4\/AAAAAAAAAAI\/AAAAAAAAAAA\/hWsoYuWMywE\/s160-p-k-no-ns-nd\/photo.jpg\" srcset=\"https:\/\/lh4.googleusercontent.com\/-LjQHn6vOIW4\/AAAAAAAAAAI\/AAAAAAAAAAA\/hWsoYuWMywE\/s160-p-k-no-ns-nd\/photo.jpg 2x\" alt=\"HDF OPTIC - OPTICIEN BAPAUME\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> HDF OPTIC - OPTICIEN BAPAUME<\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><\/span> <div class=\"ti-rating-text\"> <span class=\"nowrap\"><strong>358 avis Google<\/strong><\/span> <\/div> <div class=\"ti-header-write-btn-container\"> <a href=\"https:\/\/admin.trustindex.io\/api\/googleWriteReview?place-id=ChIJI700FjhR3UcRzxEqR3KN1CM\" class=\"ti-header-write-btn\" role=\"button\" aria-label=\"\u00c9crire un avis sur Google\" target=\"_blank\" rel=\"noopener\">\u00c9crire un avis<\/a> <\/div>  <\/div> <\/div> <\/div> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Avis suivante\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Avis pr\u00e9c\u00e9dent\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" data-time=\"1774396800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publi\u00e9 sur Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocINqLehkaKVN1YnE6ne6yvW8PzigiPpuHcLCkryEylu6-qwLA=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocINqLehkaKVN1YnE6ne6yvW8PzigiPpuHcLCkryEylu6-qwLA=w80-h80-c-rp-mo-br100 2x\" alt=\"rosanna vermesch profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> rosanna vermesch <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Des opticiens professionnels \u00e0 votre \u00e9coute, vous conseille un large choix de lunettes, un accueil tr\u00e8s sympathique accueillant. Je recommande cet opticien \u00e0 Bapaume.\ud83d\udc4d\ud83d\udc4d<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774396800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publi\u00e9 sur Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLH5PTB6xjfUE_9rkwZkx0nNVt6kC7TNfCEoMyqDZmMDIPHKg=w40-h40-c-rp-mo-ba3-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLH5PTB6xjfUE_9rkwZkx0nNVt6kC7TNfCEoMyqDZmMDIPHKg=w80-h80-c-rp-mo-ba3-br100 2x\" alt=\"Stephan Gmernicki profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Stephan Gmernicki <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Accueil chaleureux et comp\u00e9tence.  Une adresse \u00e0  revenir<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774396800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publi\u00e9 sur Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUBkPpl2GfYhRuwNadlC23HUds7r_qEOvFY0oaBuMbS_SyJcW8=w40-h40-c-rp-mo-ba3-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUBkPpl2GfYhRuwNadlC23HUds7r_qEOvFY0oaBuMbS_SyJcW8=w80-h80-c-rp-mo-ba3-br100 2x\" alt=\"Christine Sailly profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Christine Sailly <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Tr\u00e8s bon accueil. Des professionnels \u00e0 l'\u00e9coute de vos besoins.Excellente qualit\u00e9 des verres avec Novacel. Les verres ne se rayent pas au bout d'une semaine comme dans certaines enseignes dans la m\u00eame ville.&#010;Je recommande HDF \u00e0 100%.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774396800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publi\u00e9 sur Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLbtHjM4l5ESQ4F6dmM1No0xqwG4_DldZvUjKa5VtYlx-qmUg=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLbtHjM4l5ESQ4F6dmM1No0xqwG4_DldZvUjKa5VtYlx-qmUg=w80-h80-c-rp-mo-br100 2x\" alt=\"ANNICK Demailly profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> ANNICK Demailly <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Nous avons eu un rendez-vous rapidement tr\u00e8s bien conseill\u00e9 merci<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774396800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publi\u00e9 sur Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJY4ChowJMM_8gkE2lZTka1hXxc_1uWhhIYksuumgCrUIHsXQ=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJY4ChowJMM_8gkE2lZTka1hXxc_1uWhhIYksuumgCrUIHsXQ=w80-h80-c-rp-mo-br100 2x\" alt=\"Lolo L profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Lolo L <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Tres bon accueil personnel tres agr\u00e9able et de bons conseils !<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774396800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publi\u00e9 sur Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKXUNSazxA37RMXGW427a4ppj6W6NK7mNXh4j00xjGPV8suaA=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKXUNSazxA37RMXGW427a4ppj6W6NK7mNXh4j00xjGPV8suaA=w80-h80-c-rp-mo-br100 2x\" alt=\"Angelique Delabre profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Angelique Delabre <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Personnel aimable et de bon conseille.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1770508800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publi\u00e9 sur Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKuZn-BT7Y0Vj1sMp20O2BCCzfZqJ6q2H0llAwWCcSmoHYffw=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKuZn-BT7Y0Vj1sMp20O2BCCzfZqJ6q2H0llAwWCcSmoHYffw=w80-h80-c-rp-mo-br100 2x\" alt=\"Anita Mamie profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Anita Mamie <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Tr\u00e8s  satisfaite, tr\u00e8s  rapide, et un personnel au top tr\u00e8s  souriantes  merci,<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div>   <div class=\"ti-verified-by ti-verified-by-row\" data-style=\"2\"> <div class=\"ti-inner\"> Certifi\u00e9 par: Trustindex <span class=\"ti-info-icon\"><\/span> <div class=\"ti-disclaimer\">Le badge v\u00e9rifi\u00e9 de Trustindex est le symbole universel de confiance. Seules les meilleures entreprises peuvent obtenir le badge v\u00e9rifi\u00e9, avec une note sup\u00e9rieure \u00e0 4.5, bas\u00e9e sur les avis des clients au cours des derniers 12 mois. <a href=\"https:\/\/www.trustindex.io\/?a=sys&amp;c=wp-verified-badge&amp;url=\/the-trustindex-verified-badge\/\" target=\"_blank\">En savoir plus<\/a><\/div> <\/div> <\/div>  <\/div> <\/div> <\/div> <\/pre><pre class=\"ti-hidden-markup\" hidden style=\"display: none\"><script>\n(function () { if (window.tiLoaderFallback) { return; } window.tiLoaderFallback = true; function tiLoadLoader() { if (window.TrustindexWidget || document.querySelector('script[src*=\"https:\/\/cdn.trustindex.io\/loader.js\"]')) { return; } let script = document.createElement(\"script\"); script.async = true; script.src = \"https:\/\/cdn.trustindex.io\/loader.js\"; script.setAttribute(\"data-ccm-injected\", \"1\"); document.head.appendChild(script); } if (\"loading\" === document.readyState) { document.addEventListener(\"DOMContentLoaded\", tiLoadLoader); } else { tiLoadLoader(); } })();\n<\/script>\n<\/pre>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c49a29 e-flex e-con-boxed e-con e-parent\" data-id=\"0c49a29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a6aaed elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"6a6aaed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"luxe-locator-section\">\n    <div class=\"locator-header\">\n        <h3>Nos Magasins HDF OPTIC<\/h3>\n        <p>Expertise et proximit\u00e9 dans les Hauts-de-France<\/p>\n    <\/div>\n\n    <div class=\"locator-grid\">\n        \n        <!-- Carte Bapaume -->\n        <div class=\"locator-card\">\n            <div class=\"card-glow\"><\/div>\n            <div class=\"card-content\">\n                <div class=\"city-badge\">BAPAUME<\/div>\n                <h4>HDF OPTIC<\/h4>\n                <p class=\"address\">17 Rue d'Arras<br>62450 Bapaume<\/p>\n                \n                <!-- NOUVEAU : Num\u00e9ro de t\u00e9l\u00e9phone Bapaume -->\n                <a href=\"tel:0321233348\" class=\"phone-link\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                    03 21 23 33 48\n                <\/a>\n\n                <div class=\"store-details\">\n                    <span>Lundi : 14h00 - 19h00<\/span>\n                    <span>Mardi - Samedi : 09h00 - 12h30 | 13h30 - 19h00<\/span>\n                <\/div>\n                <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=17+Rue+d'Arras,+62450+Bapaume\" target=\"_blank\" class=\"btn-itineraire\">\n                    Lancer l'itin\u00e9raire <span class=\"arrow\">\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Carte Ham -->\n        <div class=\"locator-card\">\n            <div class=\"card-glow\"><\/div>\n            <div class=\"card-content\">\n                <div class=\"city-badge\">HAM<\/div>\n                <h4>HDF OPTIC<\/h4>\n                <p class=\"address\">68 bis Rue de Noyon<br>80400 Ham<\/p>\n                \n                <!-- NOUVEAU : Num\u00e9ro de t\u00e9l\u00e9phone Ham -->\n                <a href=\"tel:0322781450\" class=\"phone-link\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                    03 22 78 14 50\n                <\/a>\n\n                <div class=\"store-details\">\n                    <span>Lundi : 14h00 - 19h00<\/span>\n                    <span>Mardi - Samedi : 09h00 - 12h30 | 13h30 - 19h00<\/span>\n                <\/div>\n                <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=68+bis+Rue+de+Noyon,+80400+Ham\" target=\"_blank\" class=\"btn-itineraire\">\n                    Lancer l'itin\u00e9raire <span class=\"arrow\">\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* ============================================================\n   DESIGN \"STORE LOCATOR\" - TH\u00c8ME CLAIR ET CHALEUREUX\n   ============================================================ *\/\n\n.luxe-locator-section {\n    width: 100%;\n    max-width: 1200px;\n    margin: 80px auto;\n    padding: 60px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background-color: #ffffff; \n    background-image: \n        linear-gradient(rgba(212, 175, 55, 0.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(212, 175, 55, 0.05) 1px, transparent 1px);\n    background-size: 40px 40px;\n    border-radius: 4px;\n    border: 1px solid #f0f0f0;\n    position: relative;\n    overflow: hidden;\n}\n\n.luxe-locator-section::before {\n    content: '';\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 800px; height: 800px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.06) 0%, transparent 60%);\n    z-index: 0;\n    pointer-events: none;\n}\n\n.locator-header {\n    text-align: center;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 2;\n}\n\n.locator-header h3 {\n    color: #111111;\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    font-size: 22px;\n    margin: 0 0 10px 0;\n    font-weight: 400;\n}\n\n.locator-header p {\n    color: #d4af37;\n    font-size: 14px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin: 0;\n    font-weight: 600;\n}\n\n.locator-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n    position: relative;\n    z-index: 2;\n}\n\n.locator-card {\n    background: #ffffff;\n    border: 1px solid #eaeaea;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);\n    padding: 50px 40px;\n    border-radius: 4px;\n    position: relative;\n    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n\n.locator-card:hover {\n    transform: translateY(-5px);\n    border-color: #d4af37; \n    box-shadow: 0 20px 50px rgba(212, 175, 55, 0.1);\n}\n\n.city-badge {\n    display: inline-block;\n    padding: 6px 18px;\n    border: 1px solid #d4af37;\n    color: #111111;\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin-bottom: 30px;\n    background: rgba(212, 175, 55, 0.1); \n}\n\n.locator-card h4 {\n    color: #111111;\n    font-size: 24px;\n    font-weight: 600;\n    margin: 0 0 10px 0;\n    letter-spacing: 2px;\n}\n\n\/* MODIFI\u00c9 : Marge r\u00e9duite pour rapprocher du t\u00e9l\u00e9phone *\/\n.address {\n    color: #555555;\n    font-size: 15px;\n    line-height: 1.6;\n    margin: 0 0 10px 0; \n    font-weight: 400;\n}\n\n\/* NOUVEAU : Style du num\u00e9ro de t\u00e9l\u00e9phone *\/\n.phone-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: #111111;\n    font-size: 15px;\n    font-weight: 600;\n    text-decoration: none;\n    margin-bottom: 30px; \/* Remplace l'espace qu'avait l'adresse *\/\n    transition: color 0.3s ease;\n}\n\n.phone-link svg {\n    width: 16px;\n    height: 16px;\n    color: #d4af37; \/* L'ic\u00f4ne est dor\u00e9e en permanence *\/\n    transition: transform 0.3s ease;\n}\n\n.phone-link:hover {\n    color: #d4af37; \/* Le texte devient dor\u00e9 au survol *\/\n}\n\n.phone-link:hover svg {\n    transform: scale(1.1); \/* Petit effet dynamique sur l'ic\u00f4ne *\/\n}\n\n.store-details {\n    margin-bottom: 40px;\n    padding: 20px;\n    background: rgba(212, 175, 55, 0.04); \n    border: 1px solid rgba(212, 175, 55, 0.2);\n    border-left: 3px solid #d4af37; \n    border-radius: 2px;\n    position: relative;\n}\n\n.store-details::before {\n    content: \"HORAIRES D'OUVERTURE\";\n    display: block;\n    color: #d4af37; \n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    margin-bottom: 12px;\n}\n\n.store-details span {\n    display: block;\n    color: #333333; \n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 8px;\n    letter-spacing: 1px;\n}\n\n.store-details span:last-child {\n    margin-bottom: 0;\n}\n\n.btn-itineraire {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: 18px 0;\n    background: #111111; \n    color: #ffffff;\n    text-decoration: none;\n    text-transform: uppercase;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    transition: all 0.4s ease;\n    border: 1px solid #111111;\n    border-radius: 2px;\n}\n\n.btn-itineraire:hover {\n    background: #d4af37; \n    border-color: #d4af37;\n    color: #ffffff;\n}\n\n.btn-itineraire .arrow {\n    margin-left: 10px;\n    transition: transform 0.3s ease;\n}\n\n.btn-itineraire:hover .arrow {\n    transform: translateX(5px);\n}\n\n\/* ============================================================\n   OPTIMISATION MOBILE\n   ============================================================ *\/\n@media (max-width: 767px) {\n    .luxe-locator-section {\n        padding: 40px 15px;\n        margin: 40px 10px;\n        width: calc(100% - 20px);\n    }\n\n    .locator-header h3 {\n        font-size: 18px;\n        letter-spacing: 4px;\n    }\n\n    .locator-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .locator-card {\n        padding: 40px 25px;\n    }\n\n    .city-badge {\n        font-size: 14px; \n    }\n\n    .locator-card h4 {\n        font-size: 20px;\n    }\n\n    .address, .phone-link {\n        font-size: 14px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\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>EXAMEN DE VUE 100% GRATUIT AVEC OU SANS RENDEZ-VOUS \u00c0 Bapaume &amp; Ham, votre Opticien HDF OPTIC place votre sant\u00e9 au c\u0153ur de notre m\u00e9tier. Profitez d&rsquo;un examen de vue complet et gratuit, avec ou sans ordonnance,\u00a0 r\u00e9alis\u00e9 par nos optom\u00e9tristes certifi\u00e9s dans nos magasins de Bapaume et Ham. PRENDRE RDV SUR DOCTOLIB Bapaume 03 [&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-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/47","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=47"}],"version-history":[{"count":866,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":3300,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/3300"}],"wp:attachment":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}