{"id":2689,"date":"2026-05-05T14:14:09","date_gmt":"2026-05-05T13:14:09","guid":{"rendered":"https:\/\/www.hdfoptic.com\/?page_id=2689"},"modified":"2026-05-14T09:18:08","modified_gmt":"2026-05-14T08:18:08","slug":"examen-de-vue","status":"publish","type":"page","link":"https:\/\/www.hdfoptic.com\/index.php\/examen-de-vue\/","title":{"rendered":"Examen de vue"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2689\" class=\"elementor elementor-2689\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6598e e-flex e-con-boxed e-con e-parent\" data-id=\"ff6598e\" 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-ed157ea elementor-widget elementor-widget-html\" data-id=\"ed157ea\" 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 active-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 -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/lentilles-de-contact\/\" class=\"luxe-nav-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-5c3f0c8 elementor-widget elementor-widget-html\" data-id=\"5c3f0c8\" 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-examen-section {\n    width: 100%;\n    padding: 80px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background-color: #fcfcfc; \/* Un blanc tr\u00e8s l\u00e9g\u00e8rement cass\u00e9 pour faire ressortir l'image blanche *\/\n  }\n\n  .luxe-examen-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center; \/* Centre verticalement *\/\n    justify-content: space-between;\n    gap: 50px;\n  }\n\n  \/* --- COLONNE GAUCHE (TEXTES) --- *\/\n  .luxe-examen-content {\n    flex: 1;\n    max-width: 650px;\n  }\n\n  \/* En-t\u00eate de la section *\/\n  .luxe-examen-header {\n    margin-bottom: 50px;\n  }\n\n  .luxe-eyebrow {\n    display: block;\n    color: #d4af37; \/* Or *\/\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  \/* Les num\u00e9ros dor\u00e9s *\/\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  \/* Le contenu des \u00e9tapes *\/\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) --- *\/\n  .luxe-examen-image-col {\n    flex: 0 0 400px; \n    display: flex;\n    justify-content: center;\n  }\n\n  .luxe-image-wrapper {\n    width: 100%;\n    max-width: 320px; \n    background: #ffffff;\n    padding: 10px; \n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.05); \n    border-radius: 2px;\n    transition: transform 0.5s ease;\n  }\n\n  .luxe-image-wrapper:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);\n  }\n\n  .luxe-image-wrapper img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border: 1px solid #f0f0f0; \n  }\n\n  \/* --- ZONE D'ACTION (Bouton + Badge) --- *\/\n  .luxe-action-area {\n    margin-top: 50px;\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    flex-wrap: wrap; \/* Permet de passer \u00e0 la ligne sur les petits \u00e9crans *\/\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: 3px;\n    text-transform: uppercase;\n    border-bottom: 2px solid #d4af37;\n  }\n\n  \/* --- BOUTON DOCTOLIB --- *\/\n  .btn-doctolib {\n    display: inline-flex;\n    align-items: center;\n    background-color: #0596de; \/* Le vrai bleu Doctolib *\/\n    color: #ffffff !important; \/* Le !important \u00e9vite que votre th\u00e8me global n'\u00e9crase la couleur *\/\n    text-decoration: none;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    padding: 16px 35px;\n    border-radius: 50px; \/* Forme \"pilule\" *\/\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); \/* Ombre bleut\u00e9e *\/\n  }\n\n  \/* L'ic\u00f4ne lunettes dans le bouton *\/\n  .btn-doctolib svg {\n    width: 24px;\n    height: 24px;\n    margin-left: 12px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  \/* Effet magique au survol *\/\n  .btn-doctolib:hover {\n    transform: translateY(-3px);\n    background-color: #0482c2; \/* Bleu l\u00e9g\u00e8rement plus fonc\u00e9 *\/\n    box-shadow: 0 12px 25px rgba(5, 150, 222, 0.35);\n  }\n\n  \/* --- ADAPTATION MOBILE --- *\/\n  @media (max-width: 900px) {\n    .luxe-examen-container {\n      flex-direction: column; \n      gap: 50px;\n    }\n    \n    .luxe-examen-image-col {\n      flex: none;\n      width: 100%;\n    }\n\n    .luxe-image-wrapper {\n      max-width: 280px;\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    \/* Sur mobile, on empile le badge et le bouton pour que ce soit bien lisible *\/\n    .luxe-action-area {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 20px;\n    }\n  }\n<\/style>\n\n<!-- La structure HTML -->\n<div class=\"luxe-examen-section\">\n  <div class=\"luxe-examen-container\">\n    \n    <!-- COLONNE GAUCHE : TEXTES STRUCTUR\u00c9S -->\n    <div class=\"luxe-examen-content\">\n      \n      <div class=\"luxe-examen-header\">\n        <span class=\"luxe-eyebrow\">Avec HDF Optic<\/span>\n        <h2 class=\"luxe-main-title\">Profitez d'un examen<br>de vue gratuit \/ AVEC OU SANS RENDEZ-VOUS<\/h2>\n      <\/div>\n\n      <div class=\"luxe-steps-container\">\n        \n        <!-- \u00c9TAPE 01 -->\n        <div class=\"luxe-step-block\">\n          <div class=\"step-number\">01<\/div>\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">Accueil & Bilan visuel<\/h3>\n            <p class=\"step-text\">\u00c0 <strong>Bapaume & Ham<\/strong>, votre opticien HDF OPTIC vous accueille dans un <strong>espace d\u00e9di\u00e9 \u00e0 la sant\u00e9 visuelle<\/strong>, que vous soyez d\u00e9j\u00e0 porteur de lunettes ou que vous souhaitiez faire <strong>contr\u00f4ler votre vue pour la premi\u00e8re fois<\/strong>. Nos opticiens dipl\u00f4m\u00e9s vous proposent un suivi personnalis\u00e9 pour <strong>r\u00e9pondre \u00e0 vos besoins<\/strong>.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- \u00c9TAPE 02 -->\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 & suivi professionnel<\/h3>\n            <p class=\"step-text\">Nos opticiens qualifi\u00e9s r\u00e9alisent des <strong>examens de vue complets<\/strong>, conformes aux recommandations de votre ophtalmologiste. Que ce soit pour un <strong>contr\u00f4le de routine, l'adaptation de nouvelles lunettes<\/strong> ou un suivi, nous mettons tout en \u0153uvre pour vous offrir un <strong>diagnostic pr\u00e9cis et fiable<\/strong>.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- \u00c9TAPE 03 -->\n        <div class=\"luxe-step-block\">\n          <div class=\"step-number\">03<\/div>\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">Environnement confortable<\/h3>\n            <p class=\"step-text\">Dans nos magasins, vous b\u00e9n\u00e9ficiez d'un <strong>cadre agr\u00e9able et s\u00e9curisant<\/strong>. Nos <strong>\u00e9quipements modernes<\/strong> permettent des <strong>examens pr\u00e9cis<\/strong>, tout en vous offrant une exp\u00e9rience confortable. Nous vous guidons ensuite pour le <strong>choix de vos lunettes ou lentilles<\/strong>.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- LA NOUVELLE ZONE AVEC LE BOUTON DOCTOLIB -->\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          <!-- L'ic\u00f4ne de lunettes en SVG pour qu'elle soit parfaite -->\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    <!-- COLONNE DROITE : IMAGE MA\u00ceTRIS\u00c9E -->\n    <div class=\"luxe-examen-image-col\">\n      <div class=\"luxe-image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.24.07.png\" alt=\"Test de vue 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 Profitez d&rsquo;un examende vue gratuit \/ AVEC OU SANS RENDEZ-VOUS 01 Accueil &#038; Bilan visuel \u00c0 Bapaume &#038; Ham, votre opticien HDF OPTIC vous accueille dans un espace d\u00e9di\u00e9 \u00e0 la sant\u00e9 visuelle, que vous soyez d\u00e9j\u00e0 porteur de lunettes ou que vous souhaitiez [&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-2689","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2689","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=2689"}],"version-history":[{"count":68,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2689\/revisions"}],"predecessor-version":[{"id":3303,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2689\/revisions\/3303"}],"wp:attachment":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/media?parent=2689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}