{"id":2693,"date":"2026-05-05T14:15:03","date_gmt":"2026-05-05T13:15:03","guid":{"rendered":"https:\/\/www.hdfoptic.com\/?page_id=2693"},"modified":"2026-05-14T09:30:14","modified_gmt":"2026-05-14T08:30:14","slug":"lentilles-de-contact","status":"publish","type":"page","link":"https:\/\/www.hdfoptic.com\/index.php\/lentilles-de-contact\/","title":{"rendered":"Lentilles de Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2693\" class=\"elementor elementor-2693\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ed978 e-flex e-con-boxed e-con e-parent\" data-id=\"13ed978\" 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-634de87 elementor-widget elementor-widget-html\" data-id=\"634de87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- NAVIGATION LUXE MINIMALISTE --- *\/\n  .luxe-page-nav {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n    width: 100%;\n    background-color: transparent; \n    border-bottom: 1px solid #eaeaea; \n    margin-bottom: 50px; \n    position: relative;\n    z-index: 50; \/* S\u00e9curit\u00e9 : force le menu au premier plan *\/\n  }\n\n  .luxe-nav-link {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    padding: 20px 40px; \n    font-family: 'Montserrat', sans-serif;\n    font-size: 11px; \n    font-weight: 500;\n    letter-spacing: 3px; \n    text-transform: uppercase;\n    color: #999999; \n    position: relative;\n    transition: color 0.4s ease;\n    \n    \/* S\u00e9curit\u00e9s pour un clic parfait *\/\n    cursor: pointer !important; \n    user-select: none; \n    -webkit-tap-highlight-color: transparent; \n  }\n\n  \/* Effet au survol *\/\n  .luxe-nav-link:hover {\n    color: #111111;\n  }\n\n  \/* Le trait de soulignement anim\u00e9 (tr\u00e8s fin) *\/\n  .luxe-nav-link::after {\n    content: '';\n    position: absolute;\n    bottom: -1px; \n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 1px; \n    background-color: #d4af37; \n    transition: width 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n    pointer-events: none; \/* S\u00e9curit\u00e9 : emp\u00eache le trait d'intercepter le clic *\/\n  }\n\n  \/* Remplissage de la ligne au survol ET si lien actif *\/\n  .luxe-nav-link:hover::after,\n  .luxe-nav-link.active-link::after {\n    width: 100%;\n  }\n\n  \/* --- STYLE DE L'ONGLET ACTIF --- *\/\n  .luxe-nav-link.active-link {\n    color: #111111;\n    font-weight: 600;\n  }\n\n  \/* --- ADAPTATION MOBILE --- *\/\n  @media (max-width: 768px) {\n    .luxe-page-nav {\n      flex-direction: column;\n      border-bottom: none;\n    }\n    .luxe-nav-link {\n      width: 100%;\n      padding: 15px 20px;\n      border-bottom: 1px solid #eaeaea;\n    }\n    .luxe-nav-link::after {\n      bottom: 0;\n    }\n  }\n<\/style>\n\n<!-- Le Menu de Navigation -->\n<nav class=\"luxe-page-nav\">\n  \n  <!-- Lien 1 : Examen de vue -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/examen-de-vue\/\" class=\"luxe-nav-link\">\n    Examen de vue\n  <\/a>\n  \n  <!-- Lien 2 : Vue Enfants -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/vue-enfants\/\" class=\"luxe-nav-link\">\n    Sp\u00e9cialiste Enfant\n  <\/a>\n  \n  <!-- Lien 3 : Lentilles de contact (ACTIF PAR D\u00c9FAUT ICI) -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/lentilles-de-contact\/\" class=\"luxe-nav-link active-link\">\n    Lentilles de contact\n  <\/a>\n\n<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06b4c47 elementor-widget elementor-widget-html\" data-id=\"06b4c47\" 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-lentilles-section {\n    width: 100%;\n    padding: 80px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background-color: #fcfcfc;\n  }\n\n  .luxe-lentilles-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 60px; \n  }\n\n  \/* --- COLONNE GAUCHE (TEXTES) --- *\/\n  .luxe-lentilles-content {\n    flex: 1;\n    max-width: 650px;\n  }\n\n  .luxe-lentilles-header {\n    margin-bottom: 50px;\n  }\n\n  .luxe-eyebrow {\n    display: block;\n    color: #d4af37;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin-bottom: 15px;\n  }\n\n  .luxe-main-title {\n    color: #111111;\n    font-size: 38px;\n    font-weight: 300;\n    line-height: 1.2;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin: 0;\n  }\n\n  \/* --- STRUCTURE EN LISTE (01, 02, 03) --- *\/\n  .luxe-steps-container {\n    display: flex;\n    flex-direction: column;\n    gap: 35px;\n  }\n\n  .luxe-step-block {\n    display: flex;\n    align-items: flex-start;\n    gap: 25px;\n  }\n\n  .step-number {\n    color: rgba(212, 175, 55, 0.4);\n    font-family: 'Georgia', serif;\n    font-size: 42px;\n    font-style: italic;\n    font-weight: 400;\n    line-height: 0.8;\n    margin-top: 5px;\n  }\n\n  .step-content {\n    flex: 1;\n  }\n\n  .step-title {\n    color: #111111;\n    font-size: 16px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 10px 0;\n  }\n\n  .step-text {\n    color: #555555;\n    font-size: 14px;\n    line-height: 1.7;\n    margin: 0;\n    font-weight: 400;\n  }\n\n  .step-text strong {\n    color: #111111;\n    font-weight: 600;\n  }\n\n  \/* --- COLONNE DROITE (IMAGE PHOTO) --- *\/\n  .luxe-lentilles-image-col {\n    flex: 0 0 450px; \n    display: flex;\n    justify-content: center;\n  }\n\n  .luxe-photo-wrapper {\n    width: 100%;\n    border-radius: 6px; \n    overflow: hidden; \n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); \n    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.6s ease;\n  }\n\n  .luxe-photo-wrapper img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .luxe-photo-wrapper:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n  }\n\n  .luxe-photo-wrapper:hover img {\n    transform: scale(1.04); \n  }\n\n  \/* --- ZONE D'ACTION (Bouton + Badge) --- *\/\n  .luxe-action-area {\n    margin-top: 50px;\n    display: flex;\n    flex-direction: row; \n    align-items: center;\n    gap: 25px;\n    flex-wrap: nowrap; \/* LE SECRET EST ICI : interdit aux \u00e9l\u00e9ments de se superposer *\/\n    width: 100%;\n  }\n\n  .luxe-expert-badge {\n    display: inline-block;\n    padding-bottom: 5px;\n    color: #111111;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    border-bottom: 2px solid #d4af37;\n    white-space: nowrap; \/* Emp\u00eache le texte de se casser sur plusieurs lignes *\/\n    flex-shrink: 0; \/* Prot\u00e8ge le badge de l'\u00e9crasement *\/\n  }\n\n  \/* --- BOUTON DOCTOLIB --- *\/\n  .btn-doctolib {\n    display: inline-flex;\n    align-items: center;\n    background-color: #0596de;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    padding: 14px 30px;\n    border-radius: 50px;\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n    box-shadow: 0 8px 20px rgba(5, 150, 222, 0.25);\n    white-space: nowrap; \/* Garde le texte du bouton sur une seule ligne *\/\n    flex-shrink: 0;\n  }\n\n  .btn-doctolib svg {\n    width: 22px;\n    height: 22px;\n    margin-left: 10px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .btn-doctolib:hover {\n    transform: translateY(-3px);\n    background-color: #0482c2;\n    box-shadow: 0 12px 25px rgba(5, 150, 222, 0.35);\n  }\n\n  \/* --- ADAPTATION MOBILE --- *\/\n  @media (max-width: 900px) {\n    .luxe-lentilles-container {\n      flex-direction: column; \n      gap: 50px;\n    }\n    \n    .luxe-lentilles-image-col {\n      flex: none;\n      width: 100%;\n    }\n\n    .luxe-main-title {\n      font-size: 28px;\n    }\n\n    .luxe-step-block {\n      gap: 15px; \n    }\n    \n    .step-number {\n      font-size: 32px;\n    }\n  }\n\n  \/* Pour les tr\u00e8s petits \u00e9crans de t\u00e9l\u00e9phone (iPhone SE, etc.) afin que \u00e7a reste c\u00f4te \u00e0 c\u00f4te *\/\n  @media (max-width: 500px) {\n    .luxe-action-area {\n      gap: 15px;\n    }\n    .luxe-expert-badge {\n      font-size: 10px; \/* On r\u00e9duit pour que \u00e7a rentre *\/\n      letter-spacing: 1px;\n      white-space: normal; \/* On autorise ce texte \u00e0 passer sur 2 lignes si l'\u00e9cran est minuscule *\/\n    }\n    .btn-doctolib {\n      font-size: 12px;\n      padding: 12px 20px;\n    }\n    .btn-doctolib svg {\n      width: 18px;\n      height: 18px;\n      margin-left: 8px;\n    }\n  }\n<\/style>\n\n<div class=\"luxe-lentilles-section\">\n  <div class=\"luxe-lentilles-container\">\n    \n    <div class=\"luxe-lentilles-content\">\n      \n      <div class=\"luxe-lentilles-header\">\n        <span class=\"luxe-eyebrow\">Avec HDF Optic<\/span>\n        <h2 class=\"luxe-main-title\">D\u00e9couvrez les lentilles<br>de contact<\/h2>\n      <\/div>\n\n      <div class=\"luxe-steps-container\">\n        \n        <div class=\"luxe-step-block\">\n          <div class=\"step-number\">01<\/div>\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">Un espace d\u00e9di\u00e9<\/h3>\n            <p class=\"step-text\">\u00c0 <strong>Bapaume & Ham<\/strong>, votre Opticien HDF OPTIC vous accueille dans un <strong>espace enti\u00e8rement d\u00e9di\u00e9 aux lentilles de contact<\/strong>, que vous soyez <strong>d\u00e9j\u00e0 porteur ou que vous souhaitiez les essayer pour la premi\u00e8re fois<\/strong>. Notre \u00e9quipe vous accompagne avec un <strong>service personnalis\u00e9<\/strong> et des conseils adapt\u00e9s \u00e0 vos besoins visuels.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"luxe-step-block\">\n          <div class=\"step-number\">02<\/div>\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">Conformit\u00e9 et suivi professionnel<\/h3>\n            <p class=\"step-text\">Nos <strong>opticiens qualifi\u00e9s et sp\u00e9cialis\u00e9s en contactologie<\/strong> sont l\u00e0 pour vous guider : de l'information compl\u00e8te \u00e0 <strong>l'adaptation ou la r\u00e9-adaptation de vos lentilles<\/strong>, tout est possible chez <strong>HDF OPTIC<\/strong>. Nous respectons toujours la prescription de votre ophtalmologiste et <strong>mettons \u00e0 votre disposition des lentilles et solutions d'entretien<\/strong> de toutes les grandes marques.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"luxe-step-block\">\n          <div class=\"step-number\">03<\/div>\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">Un environnement confortable<\/h3>\n            <p class=\"step-text\">Pour que l'exp\u00e9rience soit simple et rassurante, nous avons mis en place un <strong>espace sp\u00e9cialement con\u00e7u pour l'essai et l'apprentissage de la manipulation<\/strong> des lentilles. Vous pouvez <strong>tester directement en magasin<\/strong> et repartir avec les conseils pratiques de nos opticiens.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"luxe-action-area\">\n        <div class=\"luxe-expert-badge\">\n          Des experts \u00e0 votre service\n        <\/div>\n        \n        <a href=\"https:\/\/www.hdfoptic.com\/index.php\/rendez-vous\/\" class=\"btn-doctolib\">\n          Prendre RDV sur Doctolib\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"6\" cy=\"15\" r=\"4\"><\/circle>\n            <circle cx=\"18\" cy=\"15\" r=\"4\"><\/circle>\n            <path d=\"M14 15a2 2 0 0 0-4 0\"><\/path>\n            <path d=\"M2 15h2\"><\/path>\n            <path d=\"M20 15h2\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"luxe-lentilles-image-col\">\n      <div class=\"luxe-photo-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.31.40.png\" alt=\"Lentilles de contact HDF Optic\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\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 Sp\u00e9cialiste Enfant Lentilles de contact Avec HDF Optic D\u00e9couvrez les lentillesde contact 01 Un espace d\u00e9di\u00e9 \u00c0 Bapaume &#038; Ham, votre Opticien HDF OPTIC vous accueille dans un espace enti\u00e8rement d\u00e9di\u00e9 aux lentilles de contact, que vous soyez d\u00e9j\u00e0 porteur ou que vous souhaitiez les essayer pour la premi\u00e8re fois. Notre \u00e9quipe [&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-2693","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2693","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=2693"}],"version-history":[{"count":32,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2693\/revisions"}],"predecessor-version":[{"id":3327,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2693\/revisions\/3327"}],"wp:attachment":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/media?parent=2693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}