{"id":456,"date":"2026-04-01T15:38:54","date_gmt":"2026-04-01T14:38:54","guid":{"rendered":"https:\/\/www.hdfoptic.com\/?page_id=456"},"modified":"2026-05-05T19:36:53","modified_gmt":"2026-05-05T18:36:53","slug":"equipe","status":"publish","type":"page","link":"https:\/\/www.hdfoptic.com\/index.php\/equipe\/","title":{"rendered":"L&rsquo;\u00e9quipe"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"456\" class=\"elementor elementor-456\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fc8fdf4 e-flex e-con-boxed e-con e-parent\" data-id=\"1fc8fdf4\" 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-6d262e05 elementor-widget elementor-widget-heading\" data-id=\"6d262e05\" 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\">UNE \u00c9QUIPE PASSIONN\u00c9E<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13912441 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"13912441\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7d84901 e-con-full e-flex e-con e-child\" data-id=\"7d84901\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6046da29 elementor-widget elementor-widget-image\" data-id=\"6046da29\" 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=\"314\" height=\"314\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-2.png\" class=\"attachment-full size-full wp-image-481\" alt=\"\" srcset=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-2.png 314w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-2-300x300.png 300w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-2-100x100.png 100w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/1-2-150x150.png 150w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/>\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-4772979d elementor-widget elementor-widget-heading\" data-id=\"4772979d\" 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\">ANTOINE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f04cc90 elementor-widget elementor-widget-text-editor\" data-id=\"3f04cc90\" 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>G\u00e9rant Opticien-Lunetier<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15996927 e-con-full e-flex e-con e-child\" data-id=\"15996927\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18ee7673 elementor-widget elementor-widget-image\" data-id=\"18ee7673\" 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 decoding=\"async\" width=\"314\" height=\"314\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-2.png\" class=\"attachment-full size-full wp-image-482\" alt=\"\" srcset=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-2.png 314w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-2-300x300.png 300w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-2-100x100.png 100w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/2-2-150x150.png 150w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/>\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-310429c9 elementor-widget elementor-widget-heading\" data-id=\"310429c9\" 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\">GUILLAUME<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61824780 elementor-widget elementor-widget-text-editor\" data-id=\"61824780\" 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>Opticien-Lunetier<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-661fbe4a e-con-full e-flex e-con e-child\" data-id=\"661fbe4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3159fb7e elementor-widget elementor-widget-image\" data-id=\"3159fb7e\" 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 decoding=\"async\" width=\"314\" height=\"314\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-118.png\" class=\"attachment-full size-full wp-image-2206\" alt=\"\" srcset=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-118.png 314w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-118-300x300.png 300w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-118-150x150.png 150w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-118-100x100.png 100w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/>\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-296526c9 elementor-widget elementor-widget-heading\" data-id=\"296526c9\" 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\">LUCIE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbc4c61 elementor-widget elementor-widget-text-editor\" data-id=\"fbc4c61\" 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>Opticien-Luneti\u00e8re<\/p>\t\t\t\t\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-73db02a e-flex e-con-boxed e-con e-parent\" data-id=\"73db02a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0504ea6 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0504ea6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0f88e91 e-con-full e-flex e-con e-child\" data-id=\"0f88e91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37630a1 elementor-widget elementor-widget-image\" data-id=\"37630a1\" 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 loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"314\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/4-1.png\" class=\"attachment-full size-full wp-image-484\" alt=\"\" srcset=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/4-1.png 314w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/4-1-300x300.png 300w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/4-1-100x100.png 100w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/4-1-150x150.png 150w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/>\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-75a8396 elementor-widget elementor-widget-heading\" data-id=\"75a8396\" 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\">OC\u00c9ANE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47acff3 elementor-widget elementor-widget-text-editor\" data-id=\"47acff3\" 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>Apprentie Opticienne<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7836099 e-con-full e-flex e-con e-child\" data-id=\"7836099\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10066fb elementor-widget elementor-widget-image\" data-id=\"10066fb\" 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 loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"314\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/3-1.png\" class=\"attachment-full size-full wp-image-483\" alt=\"\" srcset=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/3-1.png 314w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/3-1-300x300.png 300w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/3-1-100x100.png 100w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/3-1-150x150.png 150w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/>\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-aa389dc elementor-widget elementor-widget-heading\" data-id=\"aa389dc\" 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\">AMBRE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7109d87 elementor-widget elementor-widget-text-editor\" data-id=\"7109d87\" 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>Apprentie Opticienne<\/p>\t\t\t\t\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-4285b18d e-flex e-con-boxed e-con e-parent\" data-id=\"4285b18d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-16fa2bf5 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"16fa2bf5\" 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-2287f68b elementor-widget elementor-widget-heading\" data-id=\"2287f68b\" 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\">QUESTIONS FR\u00c9QUENTES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a4cf6 elementor-widget elementor-widget-html\" data-id=\"d1a4cf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- CONTENEUR DE LA LISTE --- *\/\n  .services-links-container {\n    display: flex;\n    flex-direction: column;\n    gap: 15px; \/* Ligne l\u00e9g\u00e8rement resserr\u00e9e pour plus d'\u00e9l\u00e9gance *\/\n    max-width: 800px; \n    margin: 40px auto;\n    font-family: 'Montserrat', sans-serif;\n  }\n\n  \/* --- DESIGN DE CHAQUE RECTANGLE --- *\/\n  .service-link-card {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    background-color: #ffffff;\n    border: 1px solid #eaeaea; \/* Bordure plus fine et douce *\/\n    border-radius: 8px; \/* Arrondi l\u00e9g\u00e8rement plus subtil *\/\n    padding: 20px 30px;\n    text-decoration: none !important;\n    color: #111111;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);\n  }\n\n  \/* --- LE TEXTE --- *\/\n  .service-link-card h3 {\n    margin: 0;\n    font-size: 13px; \/* MODIFI\u00c9 : Taille r\u00e9duite pour tenir sur une ligne *\/\n    font-weight: 600; \/* L\u00e9g\u00e8rement moins gras pour plus de finesse *\/\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #111111;\n    white-space: nowrap; \/* MODIFI\u00c9 : Force le texte sur une seule ligne *\/\n    overflow: hidden;\n    text-overflow: ellipsis; \/* Ajoute \"...\" si l'\u00e9cran est vraiment minuscule *\/\n    transition: color 0.3s ease;\n  }\n\n  \/* --- LES IC\u00d4NES --- *\/\n  .service-icon-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #111111; \n    transition: all 0.4s ease;\n    flex-shrink: 0;\n    margin-left: 20px;\n  }\n\n  \/* Style des trac\u00e9s SVG (Tr\u00e8s fins et \u00e9l\u00e9gants) *\/\n  .service-icon-wrapper svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  \/* --- EFFETS AU SURVOL --- *\/\n  .service-link-card:hover {\n    border-color: #d4af37; \/* La bordure devient dor\u00e9e *\/\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); \n    transform: translateY(-3px); \n  }\n\n  .service-link-card:hover .service-icon-wrapper {\n    color: #d4af37; \/* L'ic\u00f4ne devient dor\u00e9e *\/\n    transform: scale(1.1); \n  }\n\n  \/* --- ADAPTATION MOBILE --- *\/\n  @media (max-width: 768px) {\n    .service-link-card {\n      padding: 18px 20px;\n    }\n    .service-link-card h3 {\n      font-size: 10px; \/* Encore plus petit sur mobile pour garantir la ligne unique *\/\n      letter-spacing: 1px;\n    }\n    .service-icon-wrapper svg {\n      width: 22px;\n      height: 22px;\n    }\n  }\n<\/style>\n\n<!-- La structure HTML -->\n<div class=\"services-links-container\">\n\n  <!-- RECTANGLE 1 : Contr\u00f4le de la vue -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/nos-services\/\" class=\"service-link-card\">\n    <h3>Puis-je contr\u00f4ler ma vue en magasin ?<\/h3>\n    <div class=\"service-icon-wrapper\">\n      <!-- Ic\u00f4ne : \u0152il premium -->\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M2 12c0 0 4-8 10-8s10 8 10 8-4 8-10 8-10-8-10-8z\"><\/path>\n        <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n      <\/svg>\n    <\/div>\n  <\/a>\n\n  <!-- RECTANGLE 2 : Test Lentilles -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/nos-services\/\" class=\"service-link-card\">\n    <h3>Puis-je tester des lentilles en magasin ?<\/h3>\n    <div class=\"service-icon-wrapper\">\n      <!-- Ic\u00f4ne : Lentille d\u00e9licate avec petit \u00e9clat lumineux -->\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M4 15c2.5 4 8.5 4 16 0-3 2.5-13 2.5-16 0z\"><\/path>\n        <path d=\"M12 4v3\"><\/path>\n        <path d=\"M16.5 6.5l-1.5 1.5\"><\/path>\n        <path d=\"M7.5 6.5l1.5 1.5\"><\/path>\n      <\/svg>\n    <\/div>\n  <\/a>\n\n  <!-- RECTANGLE 3 : Tiers-Payant \/ Mutuelle -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/nos-services\/\" class=\"service-link-card\">\n    <h3>Tiers-payant toutes mutuelles<\/h3>\n    <div class=\"service-icon-wrapper\">\n      <!-- Ic\u00f4ne : Carte de Mutuelle (Carte vitale stylis\u00e9e) -->\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"><\/rect>\n        <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"><\/line>\n        <!-- Croix m\u00e9dicale -->\n        <line x1=\"7\" y1=\"13\" x2=\"7\" y2=\"17\"><\/line>\n        <line x1=\"5\" y1=\"15\" x2=\"9\" y2=\"15\"><\/line>\n        <!-- Puce\/Ligne info -->\n        <line x1=\"16\" y1=\"15\" x2=\"18\" y2=\"15\"><\/line>\n      <\/svg>\n    <\/div>\n  <\/a>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-537abda7 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"537abda7\" 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-6945013c elementor-widget elementor-widget-image\" data-id=\"6945013c\" 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 loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"480\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-112.png\" class=\"attachment-large size-large wp-image-552\" alt=\"\" srcset=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-112.png 487w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-112-300x296.png 300w, https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/04\/Design-sans-titre-112-100x100.png 100w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b2df02f e-con-full e-flex e-con e-parent\" data-id=\"7b2df02f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30b78c87 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"30b78c87\" 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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UNE \u00c9QUIPE PASSIONN\u00c9E ANTOINE G\u00e9rant Opticien-Lunetier GUILLAUME Opticien-Lunetier LUCIE Opticien-Luneti\u00e8re OC\u00c9ANE Apprentie Opticienne AMBRE Apprentie Opticienne QUESTIONS FR\u00c9QUENTES Puis-je contr\u00f4ler ma vue en magasin ? Puis-je tester des lentilles en magasin ? Tiers-payant toutes mutuelles Nos Magasins HDF OPTIC Expertise et proximit\u00e9 dans les Hauts-de-France BAPAUME HDF OPTIC 17 Rue d&rsquo;Arras62450 Bapaume 03 21 23 [&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-456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/456","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=456"}],"version-history":[{"count":206,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/456\/revisions"}],"predecessor-version":[{"id":3189,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/456\/revisions\/3189"}],"wp:attachment":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/media?parent=456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}