{"id":1736,"date":"2026-06-13T15:37:56","date_gmt":"2026-06-13T13:37:56","guid":{"rendered":"https:\/\/nawcommunication.fr\/?page_id=1736"},"modified":"2026-08-22T00:54:08","modified_gmt":"2026-08-21T22:54:08","slug":"formules-et-tarifs-sites-web","status":"publish","type":"page","link":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/","title":{"rendered":"FORMULES"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  .dvh3-wrap * { box-sizing: border-box; }\n\n  .dvh3-hero {\n    position: relative;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-top: -90px;\n    min-height: 640px;\n    overflow: hidden;\n    background: linear-gradient(160deg, #3A0F0F 0%, #2B0B0B 100%);\n    font-family: 'Montserrat', sans-serif;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .dvh3-inner {\n    position: relative;\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 60px;\n    padding: 100px 6% 80px;\n    z-index: 5;\n  }\n\n  .dvh3-ribbon {\n    position: absolute;\n    top: 50%;\n    right: -4%;\n    width: 88%;\n    transform-origin: right center;\n    transform: translateY(-50%) rotate(-23deg);\n    background: #E0CDB8;\n    z-index: 3;\n    overflow: hidden;\n    padding: 9px 0;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.25);\n  }\n  .dvh3-ribbon-track {\n    display: flex;\n    white-space: nowrap;\n    width: max-content;\n    animation: dvh3-scroll 11s linear infinite;\n  }\n  .dvh3-ribbon-track span {\n    color: #3A0F0F;\n    text-align: center;\n    font-size: 11px;\n    letter-spacing: 2px;\n    font-weight: 500;\n    text-transform: uppercase;\n    padding: 0 20px;\n  }\n  @keyframes dvh3-scroll {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  .dvh3-left {\n    flex: 1;\n    min-width: 0;\n    max-width: 600px;\n  }\n\n  .dvh3-trust-row {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    margin-bottom: 22px;\n    flex-wrap: wrap;\n  }\n  .dvh3-stars { display: flex; align-items: center; gap: 8px; }\n  .dvh3-stars svg { width: 13px; height: 13px; }\n  .dvh3-stars-label { color: #EFE9DD; font-size: 11px; letter-spacing: 1px; opacity: 0.9; }\n  .dvh3-divider { width: 1px; height: 14px; background: rgba(239,233,221,0.3); }\n  .dvh3-trustindex { display: flex; align-items: center; gap: 6px; color: #EFE9DD; font-size: 11px; letter-spacing: 0.5px; }\n  .dvh3-trustindex-check {\n    width: 15px; height: 15px; border-radius: 50%; background: #7FA37A;\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n  }\n  .dvh3-trustindex-check svg { width: 9px; height: 9px; }\n  .dvh3-trustindex b { font-weight: 500; color: #E0CDB8; }\n\n  .dvh3-headline {\n    font-family: 'EB Garamond', serif;\n    font-weight: 400;\n    color: #EFE9DD;\n    font-size: 42px;\n    line-height: 1.2;\n    margin: 0 0 22px;\n    min-height: 100px;\n  }\n  .dvh3-cursor {\n    color: #E0CDB8;\n    font-weight: 300;\n    animation: dvh3-blink 0.9s step-end infinite;\n  }\n  @keyframes dvh3-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }\n\n  .dvh3-sub {\n    color: #EFE9DD;\n    font-size: 14px;\n    line-height: 1.65;\n    opacity: 0.85;\n    max-width: 480px;\n    margin: 0;\n  }\n\n  .dvh3-photo-wrap {\n    position: relative;\n    z-index: 4;\n    flex-shrink: 0;\n    width: 340px;\n  }\n  .dvh3-photo {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    overflow: hidden;\n    border: 1px solid rgba(224,205,184,0.35);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.35);\n  }\n  .dvh3-photo img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    object-position: top center;\n    display: block;\n  }\n\n  @media (max-width: 900px) {\n    .dvh3-hero { min-height: 0; margin-top: -70px; }\n    .dvh3-inner { flex-direction: column-reverse; padding: 90px 24px 50px; gap: 34px; }\n    .dvh3-photo-wrap { width: 220px; }\n    .dvh3-left { max-width: 100%; }\n    .dvh3-headline { font-size: 28px; }\n    .dvh3-ribbon { display: none; }\n  }\n<\/style>\n\n<div class=\"dvh3-wrap\">\n  <div class=\"dvh3-hero\">\n\n    <div class=\"dvh3-ribbon\">\n      <div class=\"dvh3-ribbon-track\">\n        <span>Design 100% sur-mesure \u00b7 WordPress<\/span>\n        <span>Design 100% sur-mesure \u00b7 WordPress<\/span>\n        <span>Design 100% sur-mesure \u00b7 WordPress<\/span>\n        <span>Design 100% sur-mesure \u00b7 WordPress<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"dvh3-inner\">\n\n      <div class=\"dvh3-left\">\n\n        <div class=\"dvh3-trust-row\">\n          <div class=\"dvh3-stars\">\n            <svg viewBox=\"0 0 24 24\" fill=\"#E0CDB8\"><polygon points=\"12,2 15,9 22,9.5 17,14.5 18.5,22 12,18 5.5,22 7,14.5 2,9.5 9,9\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"#E0CDB8\"><polygon points=\"12,2 15,9 22,9.5 17,14.5 18.5,22 12,18 5.5,22 7,14.5 2,9.5 9,9\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"#E0CDB8\"><polygon points=\"12,2 15,9 22,9.5 17,14.5 18.5,22 12,18 5.5,22 7,14.5 2,9.5 9,9\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"#E0CDB8\"><polygon points=\"12,2 15,9 22,9.5 17,14.5 18.5,22 12,18 5.5,22 7,14.5 2,9.5 9,9\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"#E0CDB8\"><polygon points=\"12,2 15,9 22,9.5 17,14.5 18.5,22 12,18 5.5,22 7,14.5 2,9.5 9,9\"\/><\/svg>\n            <span class=\"dvh3-stars-label\">5\/5 sur Google<\/span>\n          <\/div>\n          <div class=\"dvh3-divider\"><\/div>\n          <div class=\"dvh3-trustindex\">\n            <span class=\"dvh3-trustindex-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A0F0F\" stroke-width=\"3\"><polyline points=\"4,13 9,18 20,6\"\/><\/svg><\/span>\n            Certifi\u00e9 <b>Trustindex<\/b>\n          <\/div>\n        <\/div>\n\n        <h1 class=\"dvh3-headline\"><span id=\"dvh3-typed\"><\/span><span class=\"dvh3-cursor\">|<\/span><\/h1>\n\n        <p class=\"dvh3-sub\">Trois formules claires, sans surprise, pens\u00e9es pour les professionnels dont l'image est un v\u00e9ritable outil de vente. Un accompagnement complet, de la premi\u00e8re esquisse \u00e0 la mise en ligne.<\/p>\n\n      <\/div>\n\n      <div class=\"dvh3-photo-wrap\">\n        <div class=\"dvh3-photo\">\n          <img decoding=\"async\" src=\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/07\/naw-black-com.webp\" alt=\"Nawal Benchikh\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var fullText = \"Un site qui vous ressemble, \u00e0 un tarif clair\";\n  var typedEl = document.getElementById('dvh3-typed');\n  if (!typedEl) return;\n  var i = 0;\n  function typeWriter() {\n    if (i < fullText.length) {\n      typedEl.textContent += fullText.charAt(i);\n      i++;\n      setTimeout(typeWriter, 42);\n    }\n  }\n  window.addEventListener('load', function() {\n    setTimeout(typeWriter, 300);\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');\n.fm-wrap { font-family: 'Montserrat', sans-serif; max-width: 1000px; margin: 0 auto; padding: 2rem 1.25rem; }\n.fm-section-title {\n  font-family: 'EB Garamond', serif;\n  font-size: 22px;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  text-align: center;\n  color: #2C2C2A;\n  margin: 0 0 0.5rem;\n  font-weight: 500;\n}\n.fm-section-sub {\n  font-size: 13px;\n  text-align: center;\n  color: #6B6863;\n  margin: 0 0 3rem;\n}\n.fm-grid { display: flex; gap: 1.25rem; align-items: flex-start; }\n.fm-card {\n  flex: 1; border: 1px solid #E0DCD6; border-radius: 6px; padding: 1.75rem;\n  background: #FFFFFF; transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.fm-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(58,15,15,0.08); }\n.fm-card.fm-highlight { background: #3A0F0F; border-color: #3A0F0F; }\n.fm-badge {\n  display: inline-block; font-family: 'EB Garamond', serif; font-size: 10px; letter-spacing: 2px;\n  text-transform: uppercase; color: #3A0F0F; background: #E0CDB8; padding: 0.25rem 0.7rem;\n  border-radius: 12px; margin-bottom: 1rem;\n}\n.fm-name { font-family: 'EB Garamond', serif; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; color: #2C2C2A; margin: 0 0 0.5rem; font-weight: 500; }\n.fm-card.fm-highlight .fm-name { color: #EFE9DD; }\n.fm-tagline { font-size: 12px; color: #8A8782; margin: 0 0 1.25rem; line-height: 1.6; min-height: 36px; }\n.fm-card.fm-highlight .fm-tagline { color: #C9C2B4; }\n.fm-price { font-family: 'EB Garamond', serif; font-size: 26px; color: #3A0F0F; margin: 0 0 0.25rem; }\n.fm-card.fm-highlight .fm-price { color: #E0CDB8; }\n.fm-price-label { font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; color: #8A8782; margin: 0 0 1.5rem; }\n.fm-card.fm-highlight .fm-price-label { color: #C9C2B4; }\n.fm-list { list-style: none !important; padding: 0; margin: 0; }\n.fm-list li { list-style: none !important; font-size: 12.5px; line-height: 1.9; color: #4A4845; padding-left: 1.25rem; position: relative; }\n.fm-list li::marker { content: \"\"; }\n.fm-card.fm-highlight .fm-list li { color: #EFE9DD; }\n.fm-list li::before { content: \"\u2713\"; position: absolute; left: 0; color: #3A0F0F; }\n.fm-card.fm-highlight .fm-list li::before { color: #E0CDB8; }\n.fm-more { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; }\n.fm-non-inclus { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #E0DCD6; }\n.fm-card.fm-highlight .fm-non-inclus { border-top-color: rgba(224,205,184,0.25); }\n.fm-non-inclus li { color: #8A8782; padding-left: 1.5rem; }\n.fm-card.fm-highlight .fm-non-inclus li { color: #C9C2B4; }\n.fm-non-inclus li::before {\n  content: \"\u2715\"; position: absolute; left: 0; top: 4px;\n  width: 14px; height: 14px; border-radius: 50%; border: 1px solid #B0ACA5;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 7px; color: #B0ACA5; line-height: 1;\n}\n.fm-card.fm-highlight .fm-non-inclus li::before { border-color: #8A6F65; color: #C9A18A; }\n.fm-toggle {\n  display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 1.25rem; cursor: pointer;\n  font-family: 'EB Garamond', serif; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;\n  border: 1px solid #3A0F0F; color: #3A0F0F; background-color: transparent;\n  padding: 0.5rem 1rem; border-radius: 4px; transition: background-color 0.25s ease, color 0.25s ease;\n  user-select: none;\n}\n.fm-toggle:hover { background-color: #3A0F0F; color: #EFE9DD; }\n.fm-card.fm-highlight .fm-toggle {\n  border: 1px solid #FFFFFF; color: #FFFFFF; background-color: transparent;\n}\n.fm-card.fm-highlight .fm-toggle:hover {\n  background-color: #FFFFFF; color: #2C2C2A;\n}\n.fm-toggle-icon { font-size: 14px; transition: transform 0.35s ease; }\n.fm-toggle-icon.open { transform: rotate(135deg); }\n.fm-cta {\n  display: block; text-align: center; margin-top: 1.5rem; padding: 0.75rem 1rem;\n  border: 1px solid #3A0F0F; border-radius: 4px; text-decoration: none;\n  font-family: 'EB Garamond', serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase;\n  color: #3A0F0F; transition: background 0.25s ease, color 0.25s ease;\n}\n.fm-cta:hover { background: #3A0F0F; color: #E0CDB8; }\n.fm-card.fm-highlight .fm-cta { background: #E0CDB8; color: #3A0F0F; border-color: #E0CDB8; }\n.fm-card.fm-highlight .fm-cta:hover { background: transparent; color: #E0CDB8; }\n@media (max-width: 767px) {\n  .fm-grid { flex-direction: column; }\n  .fm-wrap { padding: 1.75rem 0.85rem; }\n  .fm-card { padding: 1.5rem 1.25rem; }\n  .fm-section-title { font-size: 18px; letter-spacing: 2px; }\n}\n<\/style>\n<div class=\"fm-wrap\">\n  <h2 class=\"fm-section-title\">Formules cr\u00e9ation de site web<\/h2>\n  <p class=\"fm-section-sub\">\n    Des sites internet sur mesure pour les professionnels qui veulent une pr\u00e9sence en ligne claire, esth\u00e9tique et efficace.\n  <\/p>\n  <div class=\"fm-grid\">\n    <div class=\"fm-card\">\n      <h3 class=\"fm-name\">Site One Page<\/h3>\n      <p class=\"fm-tagline\">Pour les lancements ou activit\u00e9s simples<\/p>\n      <p class=\"fm-price\">590\u20ac<\/p>\n      <p class=\"fm-price-label\">\u00e0 partir de - H.T.<\/p>\n      <ul class=\"fm-list\">\n        <li>Structure strat\u00e9gique de la page<\/li>\n        <li>Design du site<\/li>\n        <li>Accessible mobile &amp; ordinateur<\/li>\n        <li>Section pr\u00e9sentation \/ offre \/ contact<\/li>\n      <\/ul>\n      <div class=\"fm-more\" id=\"fm-more-0\">\n        <ul class=\"fm-list\">\n          <li>Formulaire de contact \/ Calendly<\/li>\n          <li>Configuration h\u00e9bergement<\/li>\n          <li>Liens r\u00e9seaux sociaux<\/li>\n          <li>Int\u00e9gration avis Google<\/li>\n          <li>Acc\u00e8s complet au site<\/li>\n        <\/ul>\n        <div class=\"fm-non-inclus\">\n          <ul class=\"fm-list\">\n            <li>Frais d'h\u00e9bergement<\/li>\n            <li>Nom de domaine<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"fm-toggle\" onclick=\"fmToggle(0)\" role=\"button\" tabindex=\"0\">\n        <span id=\"fm-toggle-label-0\">Voir le d\u00e9tail<\/span>\n        <span class=\"fm-toggle-icon\" id=\"fm-toggle-icon-0\">+<\/span>\n      <\/div>\n      <a class=\"fm-cta\" href=\"#cta-wrapper\" onclick=\"dvqSetFormule('Site One Page')\">Je choisis cette formule<\/a>\n    <\/div>\n    <div class=\"fm-card fm-highlight\">\n      <h3 class=\"fm-name\">Site Vitrine<\/h3>\n      <span class=\"fm-badge\">Le plus choisi<\/span>\n      <p class=\"fm-tagline\">Pour une pr\u00e9sence professionnelle compl\u00e8te, jusqu'\u00e0 5 pages<\/p>\n      <p class=\"fm-price\">2 000\u20ac<\/p>\n      <p class=\"fm-price-label\">\u00e0 partir de - H.T.<\/p>\n      <ul class=\"fm-list\">\n        <li>Structure strat\u00e9gique du site<\/li>\n        <li>Design du site<\/li>\n        <li>En-t\u00eate &amp; pied de page personnalis\u00e9s<\/li>\n        <li>R\u00e9daction des textes<\/li>\n      <\/ul>\n      <div class=\"fm-more\" id=\"fm-more-1\">\n        <ul class=\"fm-list\">\n          <li>Structure jusqu'\u00e0 5 pages<\/li>\n          <li>Accessible mobile &amp; ordinateur<\/li>\n          <li>Formulaire de contact \/ Calendly<\/li>\n          <li>Configuration h\u00e9bergement<\/li>\n          <li>R\u00e9seaux sociaux + Feed Instagram<\/li>\n          <li>Int\u00e9gration avis Google<\/li>\n          <li>Images optimis\u00e9es<\/li>\n          <li>Acc\u00e8s complet au site<\/li>\n        <\/ul>\n        <div class=\"fm-non-inclus\">\n          <ul class=\"fm-list\">\n            <li>Frais d'h\u00e9bergement<\/li>\n            <li>Nom de domaine<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"fm-toggle\" onclick=\"fmToggle(1)\" role=\"button\" tabindex=\"0\">\n        <span id=\"fm-toggle-label-1\">Voir le d\u00e9tail<\/span>\n        <span class=\"fm-toggle-icon\" id=\"fm-toggle-icon-1\">+<\/span>\n      <\/div>\n      <a class=\"fm-cta\" href=\"#cta-wrapper\" onclick=\"dvqSetFormule('Site Vitrine')\">Je choisis cette formule<\/a>\n    <\/div>\n    <div class=\"fm-card\">\n      <h3 class=\"fm-name\">Site E-commerce<\/h3>\n      <p class=\"fm-tagline\">Pour vendre vos produits en ligne avec une boutique compl\u00e8te et s\u00e9curis\u00e9e<\/p>\n      <p class=\"fm-price\">3 000\u20ac<\/p>\n      <p class=\"fm-price-label\">\u00e0 partir de - H.T.<\/p>\n      <ul class=\"fm-list\">\n        <li>Structure strat\u00e9gique du site<\/li>\n        <li>Design du site web<\/li>\n        <li>En-t\u00eate &amp; pied de page personnalis\u00e9s<\/li>\n        <li>Structure jusqu'\u00e0 6 pages<\/li>\n      <\/ul>\n      <div class=\"fm-more\" id=\"fm-more-2\">\n        <ul class=\"fm-list\">\n          <li>R\u00e9daction des textes<\/li>\n          <li>Int\u00e9gration de 10 produits<\/li>\n          <li>Accessible mobile &amp; ordinateur<\/li>\n          <li>Formulaire de contact<\/li>\n          <li>Configuration h\u00e9bergement<\/li>\n          <li>Images optimis\u00e9es<\/li>\n          <li>Modules de paiement<\/li>\n          <li>R\u00e9seaux sociaux + Feed Instagram<\/li>\n          <li>Int\u00e9gration avis Google<\/li>\n          <li>Acc\u00e8s complet au site<\/li>\n        <\/ul>\n        <div class=\"fm-non-inclus\">\n          <ul class=\"fm-list\">\n            <li>Frais d'h\u00e9bergement<\/li>\n            <li>Nom de domaine<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"fm-toggle\" onclick=\"fmToggle(2)\" role=\"button\" tabindex=\"0\">\n        <span id=\"fm-toggle-label-2\">Voir le d\u00e9tail<\/span>\n        <span class=\"fm-toggle-icon\" id=\"fm-toggle-icon-2\">+<\/span>\n      <\/div>\n      <a class=\"fm-cta\" href=\"#cta-wrapper\" onclick=\"dvqSetFormule('Site E-commerce')\">Je choisis cette formule<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\nfunction fmToggle(i) {\n  var more = document.getElementById('fm-more-' + i);\n  var icon = document.getElementById('fm-toggle-icon-' + i);\n  var label = document.getElementById('fm-toggle-label-' + i);\n  var isOpen = more.style.maxHeight && more.style.maxHeight !== '0px';\n  if (isOpen) {\n    more.style.maxHeight = '0px';\n    icon.classList.remove('open');\n    label.textContent = 'Voir le d\u00e9tail';\n  } else {\n    more.style.maxHeight = more.scrollHeight + 'px';\n    icon.classList.add('open');\n    label.textContent = 'R\u00e9duire';\n  }\n}\n<\/script><\/div><\/div>\n\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');\n.iv2-wrap { font-family: 'Montserrat', sans-serif; max-width: 760px; margin: 0 auto; padding: 2rem 1.25rem; }\n.iv2-title { font-family: 'EB Garamond', serif; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; text-align: center; color: #2C2C2A; margin: 0 0 0.5rem; font-weight: 500; }\n.iv2-sub { font-size: 13px; text-align: center; color: #6B6863; margin: 0 0 2.5rem; }\n.iv2-grid { display: flex; gap: 1.25rem; align-items: flex-start; }\n.iv2-card {\n  flex: 1; border: 1px solid #E0DCD6; border-radius: 6px; overflow: hidden;\n  background: #FFFFFF; transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.iv2-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(58,15,15,0.08); }\n.iv2-card.iv2-highlight { background: #3A0F0F; border-color: #3A0F0F; }\n.iv2-img-wrap {\n  aspect-ratio: 16\/9; overflow: hidden; border-radius: 4px;\n  margin: 1.5rem 1.75rem 0;\n}\n.iv2-img-wrap img {\n  width: 100%; height: 100%; object-fit: contain; display: block;\n  transition: transform 0.4s ease;\n}\n.iv2-img-wrap:hover img { transform: scale(1.03); }\n.iv2-body { padding: 1.5rem 1.75rem 1.75rem; }\n.iv2-badge {\n  display: inline-block; font-family: 'EB Garamond', serif; font-size: 10px; letter-spacing: 2px;\n  text-transform: uppercase; color: #3A0F0F; background: #E0CDB8; padding: 0.25rem 0.7rem;\n  border-radius: 12px; margin-bottom: 0.75rem;\n}\n.iv2-name { font-family: 'EB Garamond', serif; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; color: #2C2C2A; margin: 0 0 0.4rem; font-weight: 500; }\n.iv2-card.iv2-highlight .iv2-name { color: #EFE9DD; }\n.iv2-tagline { font-size: 12px; color: #8A8782; margin: 0 0 0.75rem; line-height: 1.6; }\n.iv2-card.iv2-highlight .iv2-tagline { color: #C9C2B4; }\n.iv2-intro { font-size: 12px; color: #6B6863; margin: 0 0 1.25rem; line-height: 1.6; font-style: italic; }\n.iv2-card.iv2-highlight .iv2-intro { color: #C9C2B4; }\n.iv2-price { font-family: 'EB Garamond', serif; font-size: 24px; color: #3A0F0F; margin: 1.25rem 0 0.75rem; }\n.iv2-card.iv2-highlight .iv2-price { color: #E0CDB8; }\n.iv2-price-box {\n  display: inline-block; border: 1px solid #3A0F0F; border-radius: 4px;\n  padding: 0.4rem 0.75rem; font-size: 11.5px; color: #3A0F0F; margin: 0 0 0.25rem;\n}\n.iv2-price-box strong { font-family: 'EB Garamond', serif; font-size: 14px; }\n.iv2-card.iv2-highlight .iv2-price-box { background: #FFFFFF; border-color: #FFFFFF; color: #2C2C2A; }\n.iv2-list { list-style: none !important; padding: 0; margin: 0; }\n.iv2-list li { list-style: none !important; font-size: 12.5px; line-height: 1.9; color: #4A4845; padding-left: 1.25rem; position: relative; }\n.iv2-list li::marker { content: \"\"; }\n.iv2-card.iv2-highlight .iv2-list li { color: #EFE9DD; }\n.iv2-list li::before { content: \"\u2713\"; position: absolute; left: 0; color: #3A0F0F; }\n.iv2-card.iv2-highlight .iv2-list li::before { color: #E0CDB8; }\n.iv2-more { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; }\n.iv2-more .iv2-list { margin-top: 1rem; }\n.iv2-closing { font-size: 12px; line-height: 1.7; color: #6B6863; margin: 1rem 0 0; font-style: italic; }\n.iv2-card.iv2-highlight .iv2-closing { color: #C9C2B4; }\n.iv2-bonus { font-size: 12.5px; color: #3A0F0F; margin: 0.75rem 0 0; padding-left: 1.25rem; position: relative; font-weight: 500; }\n.iv2-bonus::before { content: \"\u2726\"; position: absolute; left: 0; }\n.iv2-card.iv2-highlight .iv2-bonus { color: #E0CDB8; }\n.iv2-toggle {\n  display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 0.25rem; cursor: pointer;\n  font-family: 'EB Garamond', serif; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;\n  border: 1px solid #3A0F0F; color: #3A0F0F; background-color: transparent;\n  padding: 0.5rem 1rem; border-radius: 4px; transition: background-color 0.25s ease, color 0.25s ease;\n  user-select: none;\n}\n.iv2-toggle:hover { background-color: #3A0F0F; color: #EFE9DD; }\n.iv2-card.iv2-highlight .iv2-toggle { border: 1px solid #FFFFFF; color: #FFFFFF; background-color: transparent; }\n.iv2-card.iv2-highlight .iv2-toggle:hover { background-color: #FFFFFF; color: #2C2C2A; }\n.iv2-toggle-icon { font-size: 14px; transition: transform 0.35s ease; }\n.iv2-toggle-icon.open { transform: rotate(135deg); }\n.iv2-cta {\n  display: block; text-align: center; margin-top: 1.5rem; padding: 0.75rem 1rem;\n  border: 1px solid #3A0F0F; border-radius: 4px; text-decoration: none;\n  font-family: 'EB Garamond', serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase;\n  color: #3A0F0F; transition: background 0.25s ease, color 0.25s ease;\n}\n.iv2-cta:hover { background: #3A0F0F; color: #E0CDB8; }\n.iv2-card.iv2-highlight .iv2-cta { background: #E0CDB8; color: #3A0F0F; border-color: #E0CDB8; }\n.iv2-card.iv2-highlight .iv2-cta:hover { background: transparent; color: #E0CDB8; }\n@media (max-width: 767px) {\n  .iv2-grid { flex-direction: column; }\n  .iv2-wrap { padding: 1.75rem 0.85rem; }\n  .iv2-img-wrap { margin: 1.25rem 1.25rem 0; }\n  .iv2-body { padding: 1.25rem 1.25rem 1.5rem; }\n}\n<\/style>\n<div class=\"iv2-wrap\">\n  <h2 class=\"iv2-title\">Formules identit\u00e9 visuelle<\/h2>\n  <p class=\"iv2-sub\">Des identit\u00e9s visuelles sur mesure \u00e0 ajouter \u00e0 votre projet de cr\u00e9ation de site web pour une image coh\u00e9rente sur tous vos supports.<\/p>\n  <div class=\"iv2-grid\">\n    <div class=\"iv2-card iv2-highlight\">\n      <div class=\"iv2-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/02\/identite-visuelle-logo-branding-design-marque-naw-communication-1.png\" alt=\"Cr\u00e9ation identit\u00e9 visuelle premium et univers de marque\">\n      <\/div>\n      <div class=\"iv2-body\">\n        <h3 class=\"iv2-name\">Identit\u00e9 Visuelle Premium<\/h3>\n        <span class=\"iv2-badge\">Le plus complet<\/span>\n        <p class=\"iv2-tagline\">Pour construire un univers de marque fort<\/p>\n        <p class=\"iv2-intro\">Strat\u00e9gie, un appel d\u00e9couverte pour analyser ensemble vos besoins et attentes.<\/p>\n        <div class=\"iv2-toggle\" onclick=\"iv2Toggle(0)\" role=\"button\" tabindex=\"0\">\n          <span id=\"iv2-toggle-label-0\">Voir le d\u00e9tail<\/span>\n          <span class=\"iv2-toggle-icon\" id=\"iv2-toggle-icon-0\">+<\/span>\n        <\/div>\n        <div class=\"iv2-more\" id=\"iv2-more-0\">\n          <ul class=\"iv2-list\">\n            <li>Direction artistique<\/li>\n            <li>Logo principal + d\u00e9clinaison<\/li>\n            <li>Logo relief, noir, blanc, et 2 couleurs suppl\u00e9mentaires<\/li>\n            <li>Phase d'ajustement incluse<\/li>\n            <li>Palette couleurs compl\u00e8te<\/li>\n            <li>Typographie pour les titres<\/li>\n            <li>Typographie pour les sous-titres<\/li>\n            <li>Typographie pour le corps de texte<\/li>\n            <li>Moodboard &amp; univers visuel<\/li>\n            <li>R\u00e8gles d'utilisation<\/li>\n            <li>Mockups &amp; mises en situation<\/li>\n            <li>Fichiers HD (PNG, JPG, PDF)<\/li>\n          <\/ul>\n          <p class=\"iv2-bonus\">Design de carte de visite offert<\/p>\n          <p class=\"iv2-closing\">Une identit\u00e9 reconnaissable, durable et exploitable partout.<\/p>\n        <\/div>\n        <p class=\"iv2-price\">399\u20ac<\/p>\n        <div class=\"iv2-price-box\"><strong>290\u20ac<\/strong> si associ\u00e9 \u00e0 une formule de cr\u00e9ation de site<\/div>\n        <a class=\"iv2-cta\" href=\"#cta-wrapper\" onclick=\"dvqSetFormule('Identit\u00e9 Visuelle Premium')\">Je cr\u00e9e mon identit\u00e9<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"iv2-card\">\n      <div class=\"iv2-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/02\/identite-visuelle-logo-branding-design-marque-naw-communication-2.png\" alt=\"Cr\u00e9ation de logo essentiel pour identit\u00e9 visuelle\">\n      <\/div>\n      <div class=\"iv2-body\">\n        <h3 class=\"iv2-name\">Logo Essentiel<\/h3>\n        <p class=\"iv2-tagline\">Pour poser une base visuelle propre<\/p>\n        <p class=\"iv2-intro\">Appel d\u00e9couverte pour analyser ensemble vos besoins et attentes.<\/p>\n        <div class=\"iv2-toggle\" onclick=\"iv2Toggle(1)\" role=\"button\" tabindex=\"0\">\n          <span id=\"iv2-toggle-label-1\">Voir le d\u00e9tail<\/span>\n          <span class=\"iv2-toggle-icon\" id=\"iv2-toggle-icon-1\">+<\/span>\n        <\/div>\n        <div class=\"iv2-more\" id=\"iv2-more-1\">\n          <ul class=\"iv2-list\">\n            <li>1 logo principal<\/li>\n            <li>1 d\u00e9clinaison secondaire<\/li>\n            <li>Noir &amp; blanc<\/li>\n            <li>Phase d'ajustement incluse<\/li>\n            <li>Fichiers HD (PNG, JPG, PDF)<\/li>\n          <\/ul>\n          <p class=\"iv2-closing\">Une signature visuelle claire, utilisable imm\u00e9diatement.<\/p>\n        <\/div>\n        <p class=\"iv2-price\">299\u20ac<\/p>\n        <div class=\"iv2-price-box\"><strong>190\u20ac<\/strong> si associ\u00e9 \u00e0 une formule de cr\u00e9ation de site<\/div>\n        <a class=\"iv2-cta\" href=\"#cta-wrapper\" onclick=\"dvqSetFormule('Logo Essentiel')\">Je cr\u00e9e mon identit\u00e9<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\nfunction iv2Toggle(i) {\n  var more = document.getElementById('iv2-more-' + i);\n  var icon = document.getElementById('iv2-toggle-icon-' + i);\n  var label = document.getElementById('iv2-toggle-label-' + i);\n  var isOpen = more.style.maxHeight && more.style.maxHeight !== '0px';\n  if (isOpen) {\n    more.style.maxHeight = '0px';\n    icon.classList.remove('open');\n    label.textContent = 'Voir le d\u00e9tail';\n  } else {\n    more.style.maxHeight = more.scrollHeight + 'px';\n    icon.classList.add('open');\n    label.textContent = 'R\u00e9duire';\n  }\n}\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');\n.vc-wrap { font-family: 'Montserrat', sans-serif; max-width: 900px; margin: 0 auto; padding: 2rem 1.5rem; }\n.vc-title-page { font-family: 'EB Garamond', serif; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; text-align: center; color: #2C2C2A; margin: 0 0 0.5rem; font-weight: 500; }\n.vc-sub-page { font-size: 13px; text-align: center; color: #6B6863; margin: 0 0 2.5rem; }\n.vc-list { display: flex; flex-direction: column; gap: 0.75rem; }\n.vc-row {\n  border: 1px solid #E5DFD8; border-radius: 6px; background: #FFFFFF;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.vc-row.open { border-color: #3A0F0F; box-shadow: 0 6px 18px rgba(58,15,15,0.07); }\n.vc-row-header {\n  display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.4rem; cursor: pointer;\n}\n.vc-row-icon {\n  flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: #F4EFEA;\n  display: flex; align-items: center; justify-content: center; transition: background 0.3s ease;\n}\n.vc-row.open .vc-row-icon { background: #EFDFD1; }\n.vc-row-title {\n  flex: 1; font-family: 'EB Garamond', serif; font-size: 13px; letter-spacing: 1.5px;\n  text-transform: uppercase; color: #2C2C2A; margin: 0; font-weight: 500; line-height: 1.5;\n}\n.vc-row-toggle {\n  flex-shrink: 0; font-family: 'EB Garamond', serif; font-size: 18px; color: #3A0F0F;\n  transition: transform 0.35s ease;\n}\n.vc-row-toggle.open { transform: rotate(135deg); }\n.vc-row-body { max-height: 0; overflow: hidden; transition: max-height 0.45s ease; }\n.vc-row-body-inner {\n  padding: 0 1.4rem 1.3rem 4rem;\n  font-size: 12.5px; line-height: 1.8; color: #6B6863; margin: 0;\n}\n@media (max-width: 767px) {\n  .vc-wrap { padding: 2rem 1.5rem; }\n  .vc-row-header { padding: 1rem 1.1rem; gap: 0.85rem; }\n  .vc-row-title { font-size: 12.5px; }\n  .vc-row-body-inner { padding: 0 1.1rem 1.1rem 3.2rem; font-size: 12px; }\n  .vc-row-icon { width: 32px; height: 32px; }\n}\n<\/style>\n<div class=\"vc-wrap\">\n  <h2 class=\"vc-title-page\">Un investissement qui vous appartient<\/h2>\n  <p class=\"vc-sub-page\">Au-del\u00e0 du design, une approche pens\u00e9e pour votre tranquillit\u00e9 et votre libert\u00e9<\/p>\n  <div class=\"vc-list\">\n\n    <div class=\"vc-row\" id=\"vc-row-0\">\n      <div class=\"vc-row-header\" onclick=\"vcToggle(0)\">\n        <span class=\"vc-row-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A0F0F\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 12 L12 4 L21 12\"\/>\n            <path d=\"M5.5 10.5 L5.5 20 L18.5 20 L18.5 10.5\"\/>\n            <rect x=\"10\" y=\"14\" width=\"4\" height=\"6\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"vc-row-title\">Un site qui vous appartient<\/h3>\n        <span class=\"vc-row-toggle\" id=\"vc-icon-0\">+<\/span>\n      <\/div>\n      <div class=\"vc-row-body\" id=\"vc-body-0\">\n        <p class=\"vc-row-body-inner\">Vous souscrivez vous-m\u00eame \u00e0 votre h\u00e9bergement, votre site est \u00e0 vous, \u00e0 vie, sans d\u00e9pendance \u00e0 un prestataire pour continuer \u00e0 l'utiliser.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-row\" id=\"vc-row-1\">\n      <div class=\"vc-row-header\" onclick=\"vcToggle(1)\">\n        <span class=\"vc-row-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A0F0F\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"9.5\"\/>\n            <path d=\"M8 12 L11 15 L16 9\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"vc-row-title\">Paiement unique, aucun frais cach\u00e9<\/h3>\n        <span class=\"vc-row-toggle\" id=\"vc-icon-1\">+<\/span>\n      <\/div>\n      <div class=\"vc-row-body\" id=\"vc-body-1\">\n        <p class=\"vc-row-body-inner\">Un tarif clair, pay\u00e9 une seule fois, sans abonnement mensuel obligatoire ni co\u00fbts surprises apr\u00e8s la livraison.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-row\" id=\"vc-row-2\">\n      <div class=\"vc-row-header\" onclick=\"vcToggle(2)\">\n        <span class=\"vc-row-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A0F0F\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M2 20 L7 20 L7 14 L2 14 Z\"\/>\n            <path d=\"M8.5 20 L13.5 20 L13.5 9 L8.5 9 Z\"\/>\n            <path d=\"M15 20 L21 20 L21 3 L15 3 Z\"\/>\n            <path d=\"M17 1 L21 1 L21 5\"\/>\n            <path d=\"M21 1 L13.5 8.5\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"vc-row-title\">Un site qui \u00e9volue avec vous<\/h3>\n        <span class=\"vc-row-toggle\" id=\"vc-icon-2\">+<\/span>\n      <\/div>\n      <div class=\"vc-row-body\" id=\"vc-body-2\">\n        <p class=\"vc-row-body-inner\">Vous d\u00e9marrez en one-page, vous pourrez ensuite passer en site vitrine, puis e-commerce, en ne r\u00e9glant que la diff\u00e9rence entre les formules, sans tout reconstruire.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-row\" id=\"vc-row-3\">\n      <div class=\"vc-row-header\" onclick=\"vcToggle(3)\">\n        <span class=\"vc-row-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A0F0F\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"9.5\"\/>\n            <ellipse cx=\"12\" cy=\"12\" rx=\"4\" ry=\"9.5\"\/>\n            <line x1=\"2.5\" y1=\"12\" x2=\"21.5\" y2=\"12\"\/>\n            <path d=\"M4 7 C7 9 17 9 20 7\"\/>\n            <path d=\"M4 17 C7 15 17 15 20 17\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"vc-row-title\">WordPress, la r\u00e9f\u00e9rence mondiale<\/h3>\n        <span class=\"vc-row-toggle\" id=\"vc-icon-3\">+<\/span>\n      <\/div>\n      <div class=\"vc-row-body\" id=\"vc-body-3\">\n        <p class=\"vc-row-body-inner\">Votre site est construit sur WordPress, la plateforme la plus utilis\u00e9e au monde, fiable, p\u00e9renne, et soutenue par une immense communaut\u00e9.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-row\" id=\"vc-row-4\">\n      <div class=\"vc-row-header\" onclick=\"vcToggle(4)\">\n        <span class=\"vc-row-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A0F0F\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"10.5\" cy=\"10.5\" r=\"7.5\"\/>\n            <line x1=\"16\" y1=\"16\" x2=\"21.5\" y2=\"21.5\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"vc-row-title\">Pens\u00e9 pour \u00eatre visible sur Google<\/h3>\n        <span class=\"vc-row-toggle\" id=\"vc-icon-4\">+<\/span>\n      <\/div>\n      <div class=\"vc-row-body\" id=\"vc-body-4\">\n        <p class=\"vc-row-body-inner\">Structure, contenu et performance technique sont optimis\u00e9s d\u00e8s la conception pour favoriser votre r\u00e9f\u00e9rencement naturel.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"vc-row\" id=\"vc-row-5\">\n      <div class=\"vc-row-header\" onclick=\"vcToggle(5)\">\n        <span class=\"vc-row-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A0F0F\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M9 4 L3 12 L9 20\"\/>\n            <path d=\"M15 4 L21 12 L15 20\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"vc-row-title\">Un site sur-mesure, cod\u00e9 pour vous<\/h3>\n        <span class=\"vc-row-toggle\" id=\"vc-icon-5\">+<\/span>\n      <\/div>\n      <div class=\"vc-row-body\" id=\"vc-body-5\">\n        <p class=\"vc-row-body-inner\">Pas de th\u00e8me g\u00e9n\u00e9rique, chaque site int\u00e8gre du code personnalis\u00e9 pour des fonctionnalit\u00e9s et un design qui vous sont propres.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<script>\nfunction vcToggle(i) {\n  var body = document.getElementById('vc-body-' + i);\n  var icon = document.getElementById('vc-icon-' + i);\n  var row = document.getElementById('vc-row-' + i);\n  var isOpen = body.style.maxHeight && body.style.maxHeight !== '0px';\n  for (var j = 0; j < 6; j++) {\n    document.getElementById('vc-body-' + j).style.maxHeight = '0px';\n    document.getElementById('vc-icon-' + j).classList.remove('open');\n    document.getElementById('vc-row-' + j).classList.remove('open');\n  }\n  if (!isOpen) {\n    body.style.maxHeight = body.scrollHeight + 'px';\n    icon.classList.add('open');\n    row.classList.add('open');\n  }\n}\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');\nhtml { scroll-behavior: smooth; }\n.cta-wrap { max-width: 1000px; margin: 0 auto; padding: 1rem 1.25rem; }\n.cta-title { font-family: 'EB Garamond', serif; font-size: 24px; font-weight: 500; letter-spacing: 1px; color: #2C2C2A; text-align: center; margin: 0 0 2rem; min-height: 36px; }\n.cta-cursor { display: inline-block; width: 2px; height: 1em; background: #2C2C2A; margin-left: 2px; vertical-align: -0.1em; animation: cta-blink 1s step-end infinite; }\n@keyframes cta-blink { 50% { opacity: 0; } }\n.cta-row { display: flex; align-items: center; gap: 3rem; }\n.cta-photo { flex: 0.9; }\n.cta-photo img { width: 100%; border-radius: 4px; display: block; aspect-ratio: 3\/4; object-fit: cover; }\n.dvq-wrap { flex: 1.1; max-width: none; margin: 0; text-align: center; font-family: 'Montserrat', sans-serif; padding: 1rem; }\n.dvq-dots { display: flex; justify-content: center; gap: 6px; margin-bottom: 1.5rem; }\n.dvq-dot { width: 6px; height: 6px; border-radius: 50%; background: #D9CFC9; transition: background 0.3s ease, transform 0.3s ease; }\n.dvq-dot.active { background: #3A0F0F; transform: scale(1.3); }\n.dvq-q { font-family: 'EB Garamond', serif; font-size: 16px; letter-spacing: 1px; color: #2C2C2A; margin: 0 0 0.5rem; }\n.dvq-hint { font-size: 11px; color: #8A8782; margin: 0 0 1.25rem; }\n.dvq-group-label { font-size: 10.5px; letter-spacing: 1.5px; text-transform: uppercase; color: #8A8782; text-align: left; margin: 0 0 0.5rem; }\n.dvq-group-label-2 { margin-top: 1.25rem; }\n.dvq-optional { text-transform: none; letter-spacing: 0; font-style: italic; }\n.dvq-confirm { font-size: 12px; color: #5F5E5A; margin: 0 0 1.1rem; }\n.dvq-confirm strong { color: #3A0F0F; }\n.dvq-confirm a { color: #3A0F0F; text-decoration: underline; cursor: pointer; }\n.dvq-opt {\n  display: block; width: 100%; padding: 0.9rem 1rem; margin-bottom: 0.6rem;\n  border: 1px solid #3A0F0F; border-radius: 4px; background: none;\n  font-family: 'Montserrat', sans-serif; font-size: 13px; color: #2C2C2A;\n  cursor: pointer; transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.15s ease;\n}\n.dvq-opt:hover { background: #3A0F0F; color: #E0CDB8; }\n.dvq-opt.selected { background: #3A0F0F; color: #E0CDB8; transform: scale(0.98); }\n.dvq-opt-multi.selected::before { content: \"\u2713 \"; }\n.dvq-result-title { font-family: 'EB Garamond', serif; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 0.75rem; color: #2C2C2A; }\n.dvq-result-text { font-size: 13px; line-height: 1.7; color: #5F5E5A; margin: 0 0 1.5rem; }\n.dvq-field {\n  display: block; width: 100%; padding: 0.75rem 1rem; margin-bottom: 0.6rem;\n  border: 1px solid #3A0F0F; border-radius: 4px; background: none;\n  font-family: 'Montserrat', sans-serif; font-size: 13px; color: #2C2C2A;\n  box-sizing: border-box;\n}\n.dvq-field::placeholder { color: #A89A93; }\n.dvq-cta {\n  display: inline-block; width: 100%; padding: 0.9rem 1rem; border: 1px solid #3A0F0F;\n  background: #3A0F0F; color: #E0CDB8; font-family: 'EB Garamond', serif;\n  font-size: 14px; letter-spacing: 2px; text-transform: uppercase;\n  border-radius: 4px; cursor: pointer; box-sizing: border-box; margin-top: 1.25rem;\n}\n.dvq-cta:disabled { opacity: 0.4; cursor: not-allowed; }\n.dvq-restart { display: block; margin-top: 1rem; font-size: 12px; color: #5F5E5A; text-decoration: underline; cursor: pointer; background: none; border: none; }\n.dvq-back { display: block; margin-bottom: 1rem; font-size: 11px; color: #5F5E5A; text-decoration: underline; cursor: pointer; background: none; border: none; }\n.dvq-error { font-size: 12px; color: #A32D2D; margin: 0 0 0.6rem; }\n.dvq-fade { animation: dvqFadeIn 0.35s ease; }\n@keyframes dvqFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }\n@media (max-width: 767px) {\n  .cta-title { font-size: 18px; margin-bottom: 1.25rem; }\n  .cta-row { flex-direction: column; gap: 1.5rem; }\n  .cta-photo { width: 70%; max-width: 240px; margin: 0 auto; }\n  .dvq-q { font-size: 14px; }\n  .dvq-opt, .dvq-field, .dvq-cta { font-size: 12px; padding: 0.75rem 0.9rem; }\n  .dvq-result-title { font-size: 13px; }\n  .dvq-result-text { font-size: 12px; }\n}\n<\/style>\n<div class=\"cta-wrap\" id=\"cta-wrapper\">\n  <h2 class=\"cta-title\"><span id=\"cta-typed\"><\/span><span class=\"cta-cursor\"><\/span><\/h2>\n  <div class=\"cta-row\">\n    <div class=\"cta-photo\">\n      <img decoding=\"async\" src=\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/nawphotoblanc2.png\" alt=\"Nawal Benchikh\">\n    <\/div>\n    <div class=\"dvq-wrap\" id=\"dvq-wrap\">\n      <div class=\"dvq-dots\" id=\"dvq-dots\"><\/div>\n      <div id=\"dvq-content\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\nvar DVQ_FORMSPREE_URL = \"https:\/\/formspree.io\/f\/mzdqkynn\";\nvar dvqTotalSteps = 3;\nvar dvqHistory = [];\nvar dvqAnswers = {};\nvar dvqPreselectedFormule = null;\nvar dvqSelectedSiteIdx = null;\nvar dvqSelectedIdentiteIdx = null;\n\nvar dvqSiteOptions = [\n  { label: \"Site One Page\", emoji: \"\ud83d\udcc4\" },\n  { label: \"Site Vitrine\", emoji: \"\ud83d\udda5\ufe0f\" },\n  { label: \"Site E-commerce\", emoji: \"\ud83d\udecd\ufe0f\" },\n  { label: \"Je ne sais pas encore\", emoji: \"\ud83e\udd14\" }\n];\nvar dvqIdentiteOptions = [\n  { label: \"Logo Essentiel\", emoji: \"\ud83c\udfa8\" },\n  { label: \"Identit\u00e9 Visuelle Premium\", emoji: \"\u2728\" }\n];\n\nvar dvqSteps = {\n  q_delai: {\n    pos: 1,\n    field: \"D\u00e9lai de lancement\",\n    question: \"Pour quand souhaitez-vous lancer votre projet ?\",\n    options: [\n      { label: \"D\u00e8s que possible\", emoji: \"\u26a1\", next: \"form\" },\n      { label: \"Dans 1 \u00e0 3 mois\", emoji: \"\ud83d\uddd3\ufe0f\", next: \"form\" },\n      { label: \"Je me renseigne pour plus tard\", emoji: \"\ud83d\udc40\", next: \"form\" }\n    ]\n  }\n};\n\nfunction dvqRenderDots(pos) {\n  var dots = document.getElementById('dvq-dots');\n  dots.innerHTML = '';\n  for (var i = 0; i < dvqTotalSteps; i++) {\n    var span = document.createElement('span');\n    span.className = 'dvq-dot' + (i === pos ? ' active' : '');\n    dots.appendChild(span);\n  }\n}\n\nfunction dvqConfirmBanner() {\n  if (!dvqAnswers['Formule qui int\u00e9resse']) return '';\n  return '<p class=\"dvq-confirm\">Formule s\u00e9lectionn\u00e9e : <strong>' + dvqAnswers['Formule qui int\u00e9resse'] + '<\/strong> \u00b7 <a onclick=\"dvqEditFormule()\">modifier<\/a><\/p>';\n}\n\nfunction dvqRenderFormuleStep() {\n  dvqRenderDots(0);\n  var html = '<p class=\"dvq-q\">Quelle(s) formule(s) vous int\u00e9resse(nt) ?<\/p>';\n  html += '<p class=\"dvq-hint\">Choisissez une formule de site, et en option une formule identit\u00e9 visuelle.<\/p>';\n  html += '<p class=\"dvq-group-label\">Formule de site<\/p>';\n  dvqSiteOptions.forEach(function(opt, idx) {\n    var sel = (idx === dvqSelectedSiteIdx) ? ' selected' : '';\n    html += '<button class=\"dvq-opt dvq-opt-multi' + sel + '\" id=\"dvq-site-opt-' + idx + '\" onclick=\"dvqPickSite(' + idx + ')\">' + opt.label + ' ' + opt.emoji + '<\/button>';\n  });\n  html += '<p class=\"dvq-group-label dvq-group-label-2\">Identit\u00e9 visuelle <span class=\"dvq-optional\">(optionnel)<\/span><\/p>';\n  dvqIdentiteOptions.forEach(function(opt, idx) {\n    var sel = (idx === dvqSelectedIdentiteIdx) ? ' selected' : '';\n    html += '<button class=\"dvq-opt dvq-opt-multi' + sel + '\" id=\"dvq-id-opt-' + idx + '\" onclick=\"dvqPickIdentite(' + idx + ')\">' + opt.label + ' ' + opt.emoji + '<\/button>';\n  });\n  html += '<button class=\"dvq-cta\" id=\"dvq-continue-btn\" onclick=\"dvqContinueFromFormule()\"' + (dvqSelectedSiteIdx === null ? ' disabled' : '') + '>Continuer \u2192<\/button>';\n  var content = document.getElementById('dvq-content');\n  content.innerHTML = html;\n  content.classList.add('dvq-fade');\n}\n\nfunction dvqPickSite(idx) {\n  dvqSelectedSiteIdx = (dvqSelectedSiteIdx === idx) ? null : idx;\n  dvqSiteOptions.forEach(function(opt, i) {\n    document.getElementById('dvq-site-opt-' + i).classList.toggle('selected', i === dvqSelectedSiteIdx);\n  });\n  document.getElementById('dvq-continue-btn').disabled = (dvqSelectedSiteIdx === null);\n}\n\nfunction dvqPickIdentite(idx) {\n  dvqSelectedIdentiteIdx = (dvqSelectedIdentiteIdx === idx) ? null : idx;\n  dvqIdentiteOptions.forEach(function(opt, i) {\n    document.getElementById('dvq-id-opt-' + i).classList.toggle('selected', i === dvqSelectedIdentiteIdx);\n  });\n}\n\nfunction dvqContinueFromFormule() {\n  if (dvqSelectedSiteIdx === null) return;\n  var combo = dvqSiteOptions[dvqSelectedSiteIdx].label;\n  if (dvqSelectedIdentiteIdx !== null) combo += ' + ' + dvqIdentiteOptions[dvqSelectedIdentiteIdx].label;\n  dvqAnswers['Formule qui int\u00e9resse'] = combo;\n  dvqHistory.push('q_formule');\n  dvqRender('q_delai');\n}\n\nfunction dvqRender(stepKey) {\n  var content = document.getElementById('dvq-content');\n  content.classList.remove('dvq-fade');\n  void content.offsetWidth;\n\n  if (stepKey === 'q_formule') {\n    dvqRenderFormuleStep();\n    return;\n  }\n  if (stepKey === 'form') {\n    dvqRenderDots(2);\n    content.innerHTML =\n      dvqConfirmBanner() +\n      '<button class=\"dvq-back\" onclick=\"dvqBack()\">Retour<\/button>' +\n      '<p class=\"dvq-q\">Pour vous recontacter<\/p>' +\n      '<div id=\"dvq-error-area\"><\/div>' +\n      '<input class=\"dvq-field\" type=\"text\" placeholder=\"Votre nom\" id=\"dvq-nom\">' +\n      '<input class=\"dvq-field\" type=\"email\" placeholder=\"Votre email\" id=\"dvq-email\">' +\n      '<input class=\"dvq-field\" type=\"tel\" placeholder=\"Votre num\u00e9ro de t\u00e9l\u00e9phone\" id=\"dvq-tel\">' +\n      '<button class=\"dvq-cta\" id=\"dvq-submit-btn\" onclick=\"dvqSubmit()\">\u00catre recontact\u00e9(e)<\/button>';\n    content.classList.add('dvq-fade');\n    return;\n  }\n  if (stepKey === 'thanks') {\n    dvqRenderDots(2);\n    content.innerHTML =\n      '<p class=\"dvq-result-title\">Merci !<\/p>' +\n      '<p class=\"dvq-result-text\">Votre demande a bien \u00e9t\u00e9 envoy\u00e9e. Je reviens vers vous tr\u00e8s rapidement pour \u00e9changer sur votre projet.<\/p>' +\n      '<button class=\"dvq-restart\" onclick=\"dvqReset()\">Recommencer<\/button>';\n    content.classList.add('dvq-fade');\n    return;\n  }\n\n  var step = dvqSteps[stepKey];\n  dvqRenderDots(step.pos);\n  var html = dvqConfirmBanner();\n  if (dvqHistory.length > 0) {\n    html += '<button class=\"dvq-back\" onclick=\"dvqBack()\">Retour<\/button>';\n  }\n  html += '<p class=\"dvq-q\">' + step.question + '<\/p>';\n  step.options.forEach(function(opt) {\n    var display = opt.label + (opt.emoji ? ' ' + opt.emoji : '');\n    html += '<button class=\"dvq-opt\" onclick=\"dvqGo(\\'' + stepKey + '\\', \\'' + opt.next + '\\', \\'' + opt.label.replace(\/'\/g, \"\\\\'\") + '\\', this)\">' + display + '<\/button>';\n  });\n  content.innerHTML = html;\n  content.classList.add('dvq-fade');\n}\n\nfunction dvqGo(currentKey, nextKey, label, btnEl) {\n  dvqAnswers[dvqSteps[currentKey].field] = label;\n  dvqHistory.push(currentKey);\n  if (btnEl) {\n    btnEl.classList.add('selected');\n    Array.prototype.forEach.call(btnEl.parentNode.querySelectorAll('.dvq-opt'), function(b) {\n      if (b !== btnEl) b.style.opacity = '0.4';\n    });\n  }\n  setTimeout(function() { dvqRender(nextKey); }, 220);\n}\n\nfunction dvqBack() {\n  var prev = dvqHistory.pop();\n  if (prev) dvqRender(prev);\n}\n\nfunction dvqReset() {\n  dvqHistory = [];\n  dvqAnswers = {};\n  dvqPreselectedFormule = null;\n  dvqSelectedSiteIdx = null;\n  dvqSelectedIdentiteIdx = null;\n  dvqRender('q_formule');\n}\n\nfunction dvqEditFormule() {\n  dvqPreselectedFormule = null;\n  delete dvqAnswers['Formule qui int\u00e9resse'];\n  dvqHistory = [];\n  dvqSelectedSiteIdx = null;\n  dvqSelectedIdentiteIdx = null;\n  dvqRender('q_formule');\n}\n\nfunction dvqSetFormule(name) {\n  dvqPreselectedFormule = name;\n  dvqAnswers['Formule qui int\u00e9resse'] = name;\n  dvqHistory = ['q_formule'];\n  dvqRender('q_delai');\n}\n\nfunction dvqSubmit() {\n  var nom = document.getElementById('dvq-nom').value.trim();\n  var email = document.getElementById('dvq-email').value.trim();\n  var tel = document.getElementById('dvq-tel').value.trim();\n  var errorArea = document.getElementById('dvq-error-area');\n  var btn = document.getElementById('dvq-submit-btn');\n  errorArea.innerHTML = '';\n  if (!nom || !email || !tel) {\n    errorArea.innerHTML = '<p class=\"dvq-error\">Merci de remplir les trois champs.<\/p>';\n    return;\n  }\n  var emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n  if (!emailPattern.test(email)) {\n    errorArea.innerHTML = '<p class=\"dvq-error\">Merci de saisir un email valide.<\/p>';\n    return;\n  }\n  btn.disabled = true;\n  btn.textContent = 'Envoi en cours...';\n  var payload = Object.assign({}, dvqAnswers, {\n    Nom: nom,\n    Email: email,\n    T\u00e9l\u00e9phone: tel,\n    _subject: \"Nouvelle demande via le questionnaire du site\"\n  });\n  fetch(DVQ_FORMSPREE_URL, {\n    method: 'POST',\n    headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n    body: JSON.stringify(payload)\n  })\n  .then(function(response) {\n    if (response.ok) { dvqRender('thanks'); }\n    else { throw new Error('Erreur d\\'envoi'); }\n  })\n  .catch(function() {\n    errorArea.innerHTML = '<p class=\"dvq-error\">Une erreur est survenue, merci de r\u00e9essayer.<\/p>';\n    btn.disabled = false;\n    btn.textContent = '\u00catre recontact\u00e9(e)';\n  });\n}\n\ndvqRender(dvqPreselectedFormule ? 'q_delai' : 'q_formule');\n\n(function() {\n  var typedEl = document.getElementById('cta-typed');\n  var wrapper = document.getElementById('cta-wrapper');\n  var started = false;\n  function typeChar(text, i) {\n    if (i < text.length) {\n      typedEl.textContent += text.charAt(i);\n      setTimeout(function() { typeChar(text, i + 1); }, 50);\n    }\n  }\n  function startAnimation() {\n    if (started) return;\n    started = true;\n    var fullText = dvqPreselectedFormule\n      ? \"Discutons de votre \" + dvqPreselectedFormule + \" \\u2728\"\n      : \"Pr\\u00eat\\u00b7e \\u00e0 vous lancer ?\";\n    typedEl.textContent = '';\n    setTimeout(function() { typeChar(fullText, 0); }, 250);\n  }\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) { startAnimation(); observer.disconnect(); }\n      });\n    }, { threshold: 0.4 });\n    observer.observe(wrapper);\n  } else {\n    startAnimation();\n  }\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');\n.frb-wrap { font-family: 'Montserrat', sans-serif; max-width: 1000px; margin: 0 auto; padding: 2rem 1.25rem; }\n.frb-card {\n  background: #FAF6F1; border: 1px solid #E5DFD8; border-radius: 6px;\n  padding: 2.75rem; display: flex; align-items: center; gap: 3rem;\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.frb-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(58,15,15,0.08); }\n.frb-visual { flex: 0.85; position: relative; max-width: 260px; margin: 0 auto; }\n.frb-visual-box {\n  aspect-ratio: 3\/4; border-radius: 8px; background: #3A0F0F;\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; padding: 2rem 1.75rem; box-sizing: border-box;\n  box-shadow: 0 16px 36px rgba(58,15,15,0.18);\n}\n.frb-visual-emoji { font-size: 42px; margin-bottom: 1.25rem; line-height: 1; }\n.frb-visual-title {\n  font-family: 'EB Garamond', serif; font-size: 19px; line-height: 1.4;\n  color: #EFE9DD; margin: 0;\n}\n.frb-visual-title em { font-style: italic; color: #E0CDB8; }\n.frb-visual-badge {\n  position: absolute; top: -10px; left: -10px;\n  background: #E0CDB8; color: #3A0F0F;\n  font-family: 'EB Garamond', serif; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;\n  padding: 0.4rem 0.75rem; border-radius: 100px;\n  box-shadow: 0 6px 16px rgba(58,15,15,0.2);\n}\n.frb-content { flex: 1.15; }\n.frb-eyebrow {\n  display: inline-flex; align-items: center; gap: 0.5rem;\n  background: #E0CDB8; color: #3A0F0F;\n  border-radius: 100px; padding: 0.4rem 1rem 0.4rem 0.6rem;\n  font-family: 'EB Garamond', serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase;\n  margin-bottom: 1.25rem;\n}\n.frb-icon { width: 18px; height: 18px; }\n.frb-title {\n  font-family: 'EB Garamond', serif; font-weight: 400; font-size: 26px; line-height: 1.3;\n  color: #2C2C2A; margin: 0 0 1rem;\n}\n.frb-title em { font-style: italic; color: #3A0F0F; }\n.frb-desc { font-size: 13px; line-height: 1.75; color: #6B6863; margin: 0 0 1.75rem; max-width: 460px; }\n.frb-cta-row { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }\n.frb-cta {\n  display: inline-block; padding: 0.85rem 2rem; border: 1px solid #3A0F0F;\n  background: #3A0F0F; color: #E0CDB8; text-decoration: none;\n  font-family: 'EB Garamond', serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase;\n  border-radius: 4px; transition: background 0.25s ease, color 0.25s ease;\n}\n.frb-cta:hover { background: transparent; color: #3A0F0F; }\n.frb-note { font-size: 11px; letter-spacing: 0.5px; color: #8A8782; }\n.frb-note strong { color: #3A0F0F; }\n@media (max-width: 767px) {\n  .frb-card { flex-direction: column; padding: 2rem 1.5rem; text-align: left; gap: 1.75rem; }\n  .frb-visual { max-width: 200px; }\n  .frb-visual-emoji { font-size: 32px; margin-bottom: 1rem; }\n  .frb-visual-title { font-size: 15px; }\n  .frb-title { font-size: 21px; }\n}\n<\/style>\n<svg style=\"position:absolute; width:0; height:0; overflow:hidden\" aria-hidden=\"true\">\n  <defs>\n    <symbol id=\"frb-gift\" viewBox=\"0 0 64 64\">\n      <ellipse cx=\"32\" cy=\"58\" rx=\"20\" ry=\"3\" fill=\"#E0CDB8\" opacity=\"0.18\"\/>\n      <rect x=\"9\" y=\"29\" width=\"46\" height=\"27\" rx=\"3\" fill=\"#3A0F0F\"\/>\n      <rect x=\"9\" y=\"50\" width=\"46\" height=\"6\" rx=\"3\" fill=\"#E0CDB8\" opacity=\"0.12\"\/>\n      <circle cx=\"16\" cy=\"40\" r=\"1.6\" fill=\"#E0CDB8\" opacity=\"0.4\"\/>\n      <circle cx=\"48\" cy=\"40\" r=\"1.6\" fill=\"#E0CDB8\" opacity=\"0.4\"\/>\n      <circle cx=\"14\" cy=\"48\" r=\"1.6\" fill=\"#E0CDB8\" opacity=\"0.4\"\/>\n      <circle cx=\"50\" cy=\"48\" r=\"1.6\" fill=\"#E0CDB8\" opacity=\"0.4\"\/>\n      <rect x=\"6\" y=\"20\" width=\"52\" height=\"11\" rx=\"3\" fill=\"#3A0F0F\"\/>\n      <rect x=\"6\" y=\"28\" width=\"52\" height=\"3\" fill=\"#E0CDB8\" opacity=\"0.12\"\/>\n      <rect x=\"27\" y=\"8\" width=\"10\" height=\"48\" fill=\"#E0CDB8\"\/>\n      <rect x=\"31\" y=\"8\" width=\"2\" height=\"48\" fill=\"#3A0F0F\" opacity=\"0.18\"\/>\n      <path d=\"M28 22 L23 31 L29 28 Z\" fill=\"#E0CDB8\"\/>\n      <path d=\"M36 22 L41 31 L35 28 Z\" fill=\"#E0CDB8\"\/>\n      <path d=\"M32 20 C17 20 9 7 19 3 C28 0 33 10 32 20 Z\" fill=\"#E0CDB8\"\/>\n      <path d=\"M32 20 C47 20 55 7 45 3 C36 0 31 10 32 20 Z\" fill=\"#E0CDB8\"\/>\n      <path d=\"M32 19 C23 19 18 10 25 7 C30 5 32 12 32 19 Z\" fill=\"#3A0F0F\" opacity=\"0.18\"\/>\n      <path d=\"M32 19 C41 19 46 10 39 7 C34 5 32 12 32 19 Z\" fill=\"#3A0F0F\" opacity=\"0.18\"\/>\n      <rect x=\"27.5\" y=\"13\" width=\"9\" height=\"10\" rx=\"2.5\" fill=\"#E0CDB8\"\/>\n      <rect x=\"30.5\" y=\"13\" width=\"2\" height=\"10\" fill=\"#3A0F0F\" opacity=\"0.18\"\/>\n      <g transform=\"rotate(20 50 13)\">\n        <rect x=\"44\" y=\"8\" width=\"13\" height=\"10\" rx=\"1.5\" fill=\"#E0CDB8\"\/>\n        <circle cx=\"47.5\" cy=\"13\" r=\"1.3\" fill=\"#3A0F0F\"\/>\n      <\/g>\n      <path d=\"M44.5 12 C40 12 37 15 34.5 18\" stroke=\"#E0CDB8\" stroke-width=\"1.2\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <\/symbol>\n  <\/defs>\n<\/svg>\n<div class=\"frb-wrap\">\n  <div class=\"frb-card\">\n    <div class=\"frb-visual\">\n      <div class=\"frb-visual-box\">\n        <span class=\"frb-visual-emoji\">\ud83c\udf81<\/span>\n        <p class=\"frb-visual-title\">Les <em>10 erreurs<\/em> qui tuent ta visibilit\u00e9 en ligne<\/p>\n      <\/div>\n      <span class=\"frb-visual-badge\">100% Gratuit<\/span>\n    <\/div>\n    <div class=\"frb-content\">\n      <span class=\"frb-eyebrow\"><svg class=\"frb-icon\"><use href=\"#frb-gift\"\/><\/svg> Ressource gratuite<\/span>\n     \n      <p class=\"frb-desc\">Chaque jour, des clients potentiels quittent ton site internet sans m\u00eame te contacter, souvent \u00e0 cause d'erreurs invisibles que tu ne soup\u00e7onnes pas. Ce guide te r\u00e9v\u00e8le en quelques minutes ce qui te fait perdre en visibilit\u00e9, en cr\u00e9dibilit\u00e9 et en clients, pour corriger le tir avant qu'il ne soit trop tard.<\/p>\n      <div class=\"frb-cta-row\">\n        <a class=\"frb-cta\" href=\"https:\/\/nawcom.nawcommunication.fr\/freebie\" target=\"_blank\" rel=\"noopener\">Je t\u00e9l\u00e9charge le guide gratuit<\/a>\n        <span class=\"frb-note\">100% <strong>gratuit<\/strong> \u00b7 aucune carte requise<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1737,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1736","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FORMULES - Naw Communication<\/title>\n<meta name=\"description\" content=\"Identit\u00e9 visuelle, site web et accompagnement digital. Chaque projet est pens\u00e9 dans une logique strat\u00e9gique.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FORMULES - Naw Communication\" \/>\n<meta property=\"og:description\" content=\"Identit\u00e9 visuelle, site web et accompagnement digital. Chaque projet est pens\u00e9 dans une logique strat\u00e9gique.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Naw Communication\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-21T22:54:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/naw-photodeprofil2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1085\" \/>\n\t<meta property=\"og:image:height\" content=\"1450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/\",\"url\":\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/\",\"name\":\"FORMULES - Naw Communication\",\"isPartOf\":{\"@id\":\"https:\/\/nawcommunication.fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/naw-photodeprofil2.png\",\"datePublished\":\"2026-06-13T13:37:56+00:00\",\"dateModified\":\"2026-08-21T22:54:08+00:00\",\"description\":\"Identit\u00e9 visuelle, site web et accompagnement digital. Chaque projet est pens\u00e9 dans une logique strat\u00e9gique.\",\"breadcrumb\":{\"@id\":\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#primaryimage\",\"url\":\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/naw-photodeprofil2.png\",\"contentUrl\":\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/naw-photodeprofil2.png\",\"width\":1085,\"height\":1450},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/nawcommunication.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FORMULES\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nawcommunication.fr\/#website\",\"url\":\"https:\/\/nawcommunication.fr\/\",\"name\":\"Naw Communication\",\"description\":\"Cr\u00e9ation de sites web - Strat\u00e9gie R\u00e9seaux Sociaux\",\"publisher\":{\"@id\":\"https:\/\/nawcommunication.fr\/#\/schema\/person\/6ffffd9884736e9421bab9ad32313039\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nawcommunication.fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/nawcommunication.fr\/#\/schema\/person\/6ffffd9884736e9421bab9ad32313039\",\"name\":\"nawcommunication.fr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/01\/SERIE-RS-2-768x1024.png\",\"url\":\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/01\/SERIE-RS-2-768x1024.png\",\"contentUrl\":\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/01\/SERIE-RS-2-768x1024.png\",\"width\":768,\"height\":1024,\"caption\":\"nawcommunication.fr\"},\"logo\":{\"@id\":\"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/01\/SERIE-RS-2-768x1024.png\"},\"sameAs\":[\"https:\/\/nawcommunication.fr\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FORMULES - Naw Communication","description":"Identit\u00e9 visuelle, site web et accompagnement digital. Chaque projet est pens\u00e9 dans une logique strat\u00e9gique.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/","og_locale":"fr_FR","og_type":"article","og_title":"FORMULES - Naw Communication","og_description":"Identit\u00e9 visuelle, site web et accompagnement digital. Chaque projet est pens\u00e9 dans une logique strat\u00e9gique.","og_url":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/","og_site_name":"Naw Communication","article_modified_time":"2026-08-21T22:54:08+00:00","og_image":[{"width":1085,"height":1450,"url":"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/naw-photodeprofil2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/","url":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/","name":"FORMULES - Naw Communication","isPartOf":{"@id":"https:\/\/nawcommunication.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#primaryimage"},"image":{"@id":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#primaryimage"},"thumbnailUrl":"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/naw-photodeprofil2.png","datePublished":"2026-06-13T13:37:56+00:00","dateModified":"2026-08-21T22:54:08+00:00","description":"Identit\u00e9 visuelle, site web et accompagnement digital. Chaque projet est pens\u00e9 dans une logique strat\u00e9gique.","breadcrumb":{"@id":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#primaryimage","url":"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/naw-photodeprofil2.png","contentUrl":"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/06\/naw-photodeprofil2.png","width":1085,"height":1450},{"@type":"BreadcrumbList","@id":"https:\/\/nawcommunication.fr\/index.php\/formules-et-tarifs-sites-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/nawcommunication.fr\/"},{"@type":"ListItem","position":2,"name":"FORMULES"}]},{"@type":"WebSite","@id":"https:\/\/nawcommunication.fr\/#website","url":"https:\/\/nawcommunication.fr\/","name":"Naw Communication","description":"Cr\u00e9ation de sites web - Strat\u00e9gie R\u00e9seaux Sociaux","publisher":{"@id":"https:\/\/nawcommunication.fr\/#\/schema\/person\/6ffffd9884736e9421bab9ad32313039"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nawcommunication.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/nawcommunication.fr\/#\/schema\/person\/6ffffd9884736e9421bab9ad32313039","name":"nawcommunication.fr","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/01\/SERIE-RS-2-768x1024.png","url":"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/01\/SERIE-RS-2-768x1024.png","contentUrl":"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/01\/SERIE-RS-2-768x1024.png","width":768,"height":1024,"caption":"nawcommunication.fr"},"logo":{"@id":"https:\/\/nawcommunication.fr\/wp-content\/uploads\/2026\/01\/SERIE-RS-2-768x1024.png"},"sameAs":["https:\/\/nawcommunication.fr"]}]}},"_links":{"self":[{"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/pages\/1736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1736"}],"version-history":[{"count":54,"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/pages\/1736\/revisions"}],"predecessor-version":[{"id":1988,"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/pages\/1736\/revisions\/1988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/media\/1737"}],"wp:attachment":[{"href":"https:\/\/nawcommunication.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}