{"id":51,"date":"2026-02-26T13:50:36","date_gmt":"2026-02-26T12:50:36","guid":{"rendered":"http:\/\/norexys.fr\/?page_id=51"},"modified":"2026-03-17T10:01:48","modified_gmt":"2026-03-17T09:01:48","slug":"home","status":"publish","type":"page","link":"https:\/\/norexys.fr\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"51\" class=\"elementor elementor-51\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2af00a0 e-flex e-con-boxed e-con e-parent\" data-id=\"2af00a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d5707c1 e-con-full e-flex e-con e-child\" data-id=\"d5707c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e5c8b3 elementor-widget elementor-widget-html\" data-id=\"2e5c8b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Hero mockup devices \u2014 typo harmonis\u00e9e avec le reste du site -->\r\n<section class=\"nx-home-mockup alignfull\" data-nx-home-mockup>\r\n  <div class=\"nx-hm-bg\"><\/div>\r\n  <div class=\"nx-hm-fog\"><\/div>\r\n  <div class=\"nx-hm-desk\"><\/div>\r\n\r\n  <div class=\"nx-hm-wrap\">\r\n    <div class=\"nx-hm-main\">\r\n      <div class=\"nx-hm-copy\">\r\n        <h1>Votre pr\u00e9sence en ligne m\u00e9rite mieux qu\u2019un simple site web.<\/h1>\r\n        <p class=\"nx-hm-sub\">\r\n          Un partenaire digital local pour cr\u00e9er, s\u00e9curiser et am\u00e9liorer votre pr\u00e9sence en ligne.\r\n        <\/p>\r\n        <div class=\"nx-hm-actions\">\r\n          <a href=\"https:\/\/norexys.fr\/?page_id=168\" class=\"nx-hm-btn nx-hm-btn-light\">Voir les tarifs<\/a>\r\n          <a href=\"https:\/\/norexys.fr\/?page_id=187\" class=\"nx-hm-btn nx-hm-btn-main\">Discuter de votre projet<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"nx-hm-stage\" aria-hidden=\"true\">\r\n        <figure class=\"nx-hm-laptop\">\r\n          <div class=\"nx-hm-laptop-screen\">\r\n            <div class=\"nx-hm-collage\">\r\n              <!-- Remplace par ton image laptop -->\r\n              <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/faux-site-ux-1920x1080-1.png\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"nx-hm-laptop-base\"><\/div>\r\n        <\/figure>\r\n\r\n        <figure class=\"nx-hm-phone\">\r\n          <div class=\"nx-hm-phone-screen\">\r\n            <!-- Remplace par ton image mobile -->\r\n            <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/faux-site-ux-1080x2220-9.png\" alt=\"\">\r\n          <\/div>\r\n        <\/figure>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .nx-home-mockup {\r\n    --ink: #e8eef9;\r\n    --line: rgba(233, 240, 252, 0.2);\r\n    --brand: #7ec9ff;\r\n    position: relative;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    min-height: 100vh;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    color: var(--ink);\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    padding: clamp(0.7rem, 2vw, 1.2rem) clamp(0.65rem, 2vw, 1.15rem) clamp(1rem, 3vw, 1.8rem);\r\n    isolation: isolate;\r\n    background: #d8e1ee;\r\n  }\r\n\r\n  .nx-hm-bg,\r\n  .nx-hm-fog,\r\n  .nx-hm-desk {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .nx-hm-bg {\r\n    z-index: 0;\r\n    background:\r\n      linear-gradient(180deg, #dde4ee 0%, #d5deea 42%, #ced7e3 100%),\r\n      url(\"https:\/\/images.unsplash.com\/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=2200&q=80\") center 62% \/ cover no-repeat;\r\n    background-blend-mode: multiply;\r\n    filter: saturate(0.7) contrast(0.94);\r\n  }\r\n\r\n  .nx-hm-fog {\r\n    z-index: 1;\r\n    background:\r\n      linear-gradient(180deg, rgba(215, 224, 236, 0.82) 0%, rgba(214, 223, 235, 0.2) 42%, rgba(9, 17, 28, 0) 70%),\r\n      radial-gradient(1200px 300px at 50% 64%, rgba(234, 240, 247, 0.52), rgba(234, 240, 247, 0) 70%);\r\n  }\r\n\r\n  .nx-hm-desk {\r\n    z-index: 2;\r\n    top: auto;\r\n    height: min(36vh, 320px);\r\n    background:\r\n      linear-gradient(180deg, rgba(6, 13, 24, 0.08), rgba(5, 12, 22, 0.7) 36%, rgba(3, 8, 17, 0.95) 100%);\r\n    box-shadow: inset 0 30px 60px rgba(3, 9, 18, 0.45);\r\n  }\r\n\r\n  .nx-hm-wrap {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: min(1280px, 100%);\r\n    margin: 0 auto;\r\n    min-height: calc(100vh - 2rem);\r\n    display: grid;\r\n    align-content: center;\r\n  }\r\n\r\n  .nx-hm-main {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.08fr;\r\n    gap: clamp(0.8rem, 2.3vw, 2rem);\r\n    align-items: end;\r\n  }\r\n\r\n  .nx-hm-copy {\r\n    max-width: 620px;\r\n    padding-bottom: clamp(0.6rem, 2vw, 1.4rem);\r\n  }\r\n\r\n  .nx-hm-copy h1 {\r\n    margin: 0 0 0.55rem;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    font-size: clamp(1.4rem, 4.4vw, 3.6rem);\r\n    font-weight: 600;\r\n    line-height: 1.06;\r\n    text-wrap: balance;\r\n    color: #f7fbff;\r\n    text-shadow: 0 10px 35px rgba(4, 9, 18, 0.45);\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .nx-hm-sub {\r\n    margin: 0;\r\n    color: rgba(232, 238, 249, 0.9);\r\n    line-height: 1.55;\r\n    max-width: 56ch;\r\n    font-size: clamp(0.93rem, 1.8vw, 1.08rem);\r\n    font-weight: 400;\r\n  }\r\n\r\n  .nx-hm-actions {\r\n    margin-top: 0.9rem;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.55rem;\r\n  }\r\n\r\n  .nx-hm-btn {\r\n    text-decoration: none;\r\n    border: 1px solid var(--line);\r\n    border-radius: 999px;\r\n    padding: 0.72rem 1rem;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    font-size: 0.82rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.01em;\r\n    color: #eaf1ff;\r\n    transition: .2s ease;\r\n  }\r\n\r\n  .nx-hm-btn-light{\r\n    background: rgba(8, 16, 28, 0.48);\r\n    color: #eaf1ff;\r\n  }\r\n\r\n  .nx-hm-btn-main {\r\n    background: #f2f6ff;\r\n    color: #0b1423;\r\n    border-color: transparent;\r\n  }\r\n\r\n  .nx-hm-btn:hover{\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .nx-hm-stage {\r\n    position: relative;\r\n    width: min(760px, 100%);\r\n    margin-left: auto;\r\n    padding-bottom: clamp(0.2rem, 1vw, 0.65rem);\r\n  }\r\n\r\n  .nx-hm-laptop {\r\n    margin: 0;\r\n    position: relative;\r\n    width: 100%;\r\n    transform: perspective(1300px) rotateX(5deg);\r\n    transform-origin: center bottom;\r\n    filter: drop-shadow(0 28px 55px rgba(4, 9, 18, 0.58));\r\n  }\r\n\r\n  .nx-hm-laptop-screen {\r\n    border-radius: 0.9rem 0.9rem 0.2rem 0.2rem;\r\n    border: 1px solid rgba(221, 230, 245, 0.35);\r\n    background: linear-gradient(180deg, #2f3f53, #101c2a);\r\n    padding: 0.65rem;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .nx-hm-collage {\r\n    position: relative;\r\n    display: block;\r\n    aspect-ratio: 16 \/ 9;\r\n    border-radius: 0.36rem;\r\n    overflow: hidden;\r\n    background: #e9eff8;\r\n  }\r\n\r\n  .nx-hm-collage img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    min-height: 0;\r\n  }\r\n\r\n  .nx-hm-laptop-base {\r\n    height: clamp(18px, 2.8vw, 26px);\r\n    margin: 0 auto;\r\n    width: 102%;\r\n    border-radius: 0 0 22px 22px;\r\n    background: linear-gradient(180deg, #dbe3ef, #b7c4d7);\r\n    border: 1px solid rgba(180, 194, 212, 0.8);\r\n    position: relative;\r\n    top: -1px;\r\n  }\r\n\r\n  .nx-hm-phone {\r\n    margin: 0;\r\n    position: absolute;\r\n    right: -3%;\r\n    bottom: 4%;\r\n    width: clamp(92px, 15vw, 180px);\r\n    aspect-ratio: 9 \/ 18.5;\r\n    border-radius: 1.35rem;\r\n    border: 1px solid rgba(225, 233, 246, 0.5);\r\n    background: #111f30;\r\n    padding: 0.32rem;\r\n    box-shadow: 0 20px 40px rgba(4, 8, 16, 0.48);\r\n  }\r\n\r\n  .nx-hm-phone::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 6px;\r\n    left: 50%;\r\n    width: 34%;\r\n    height: 9px;\r\n    border-radius: 999px;\r\n    transform: translateX(-50%);\r\n    background: rgba(228, 236, 248, 0.55);\r\n  }\r\n\r\n  .nx-hm-phone-screen {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 1.05rem;\r\n    overflow: hidden;\r\n    background: #f4f8ff;\r\n  }\r\n\r\n  .nx-hm-phone-screen img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .nx-hm-phone-screen span { display: none; }\r\n\r\n  @media (min-width: 981px) {\r\n    .nx-hm-copy {\r\n      transform: translateY(-1.1rem);\r\n    }\r\n\r\n    .nx-hm-stage {\r\n      transform: translateY(1.15rem);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .nx-hm-main {\r\n      grid-template-columns: 1fr;\r\n      align-items: start;\r\n    }\r\n\r\n    .nx-hm-stage {\r\n      width: min(660px, 100%);\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 760px) {\r\n    .nx-home-mockup {\r\n      min-height: auto;\r\n      padding: 0.58rem 0.45rem 0.88rem;\r\n    }\r\n\r\n    .nx-hm-fog {\r\n      background:\r\n        linear-gradient(180deg, rgba(215, 224, 236, 0.78) 0%, rgba(214, 223, 235, 0.12) 48%, rgba(9, 17, 28, 0) 74%);\r\n    }\r\n\r\n    .nx-hm-desk {\r\n      height: min(26vh, 190px);\r\n    }\r\n\r\n    .nx-hm-wrap {\r\n      min-height: 0;\r\n    }\r\n\r\n    .nx-hm-main {\r\n      gap: 0.82rem;\r\n    }\r\n\r\n    .nx-hm-copy {\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .nx-hm-copy h1 {\r\n      font-size: clamp(1.2rem, 7vw, 1.95rem);\r\n      line-height: 1.14;\r\n    }\r\n\r\n    .nx-hm-stage {\r\n      width: min(560px, 100%);\r\n      margin: 0 auto;\r\n      padding-bottom: 0.44rem;\r\n      position: relative;\r\n    }\r\n\r\n    .nx-hm-laptop {\r\n      transform: none;\r\n    }\r\n\r\n    .nx-hm-laptop-screen {\r\n      border-radius: 0.66rem 0.66rem 0.16rem 0.16rem;\r\n      padding: 0.42rem;\r\n    }\r\n\r\n    .nx-hm-collage {\r\n      border-radius: 0.3rem;\r\n    }\r\n\r\n    .nx-hm-collage img {\r\n      min-height: 0;\r\n    }\r\n\r\n    .nx-hm-phone {\r\n      position: absolute;\r\n      right: 0.55rem;\r\n      bottom: 0.12rem;\r\n      width: clamp(78px, 23vw, 110px);\r\n      margin: 0;\r\n      border-radius: 1rem;\r\n      box-shadow: 0 12px 26px rgba(4, 8, 16, 0.42);\r\n      z-index: 4;\r\n    }\r\n\r\n    .nx-hm-phone-screen {\r\n      border-radius: 0.72rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .nx-hm-phone {\r\n      width: 82px;\r\n      right: 0.4rem;\r\n      bottom: 0.08rem;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0648dd0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0648dd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95f414d elementor-widget elementor-widget-html\" data-id=\"95f414d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nx-services\" data-nx-services>\r\n\r\n  <div class=\"nx-services-bg\"><\/div>\r\n  <div class=\"nx-services-bg nx-services-bg-2\"><\/div>\r\n\r\n  <div class=\"nx-filaments\">\r\n    <svg class=\"nx-filaments-svg\" viewBox=\"0 0 1200 2600\" preserveAspectRatio=\"none\">\r\n\r\n      <path class=\"filament f1\"\r\n      d=\"M200 0\r\n      C400 300 800 200 600 500\r\n      C400 800 900 900 700 1200\r\n      C500 1500 900 1700 600 2200\r\n      C500 2400 700 2500 650 2600\"\/>\r\n\r\n      <path class=\"filament f2\"\r\n      d=\"M900 0\r\n      C700 300 300 400 500 700\r\n      C700 1000 300 1200 600 1500\r\n      C900 1800 400 2000 500 2600\"\/>\r\n\r\n      <path class=\"filament f3\"\r\n      d=\"M600 0\r\n      C750 300 450 450 650 800\r\n      C800 1100 400 1400 650 1800\r\n      C900 2200 500 2400 600 2600\"\/>\r\n\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"nx-services-inner\">\r\n\r\n    <h2 class=\"nx-services-title\">\r\n      Visibilit\u00e9, performance et s\u00e9curit\u00e9 pour d\u00e9velopper votre activit\u00e9\r\n    <\/h2>\r\n\r\n    <div class=\"nx-services-content\">\r\n\r\n      <div class=\"nx-service-row\">\r\n        <div class=\"nx-service-img\" data-from=\"left\">\r\n          <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/BLOC1.1.png\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"nx-service-text\" data-from=\"right\">\r\n          <div class=\"nx-service-kicker\">Site web<\/div>\r\n          <h3>Cr\u00e9ation de site web professionnel<\/h3>\r\n          <p>Un site moderne, rapide et clair pour pr\u00e9senter votre activit\u00e9 et inspirer confiance.<\/p>\r\n          <p>Optimis\u00e9 mobile, mis en ligne proprement, avec une connexion s\u00e9curis\u00e9e (HTTPS).<\/p>\r\n          <p>Objectif : que vos clients trouvent l\u2019info vite et vous contactent facilement.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"nx-service-row reverse\">\r\n        <div class=\"nx-service-img\" data-from=\"right\">\r\n          <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/BLOC2.2-1.png\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"nx-service-text\" data-from=\"left\">\r\n          <div class=\"nx-service-kicker\">Visibilit\u00e9<\/div>\r\n          <h3>Visibilit\u00e9 sur Google (SEO)<\/h3>\r\n          <p>On optimise la structure du site pour qu\u2019il puisse remonter sur Google.<\/p>\r\n          <p>Id\u00e9al quand des clients cherchent vos services dans votre ville ou votre zone.<\/p>\r\n          <p>Sans SEO, un site peut rester peu visible et g\u00e9n\u00e9rer tr\u00e8s peu de demandes.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"nx-service-row\">\r\n        <div class=\"nx-service-img\" data-from=\"left\">\r\n          <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/BLOC3.3.png\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"nx-service-text\" data-from=\"right\">\r\n          <div class=\"nx-service-kicker\">Cyber<\/div>\r\n          <h3>Sensibilisation \u00e0 la cybers\u00e9curit\u00e9<\/h3>\r\n          <p>Beaucoup d\u2019incidents commencent par un e-mail trompeur et une erreur humaine.<\/p>\r\n          <p>On met en place des pratiques simples et on am\u00e9liore les r\u00e9flexes des \u00e9quipes.<\/p>\r\n          <p>Possibilit\u00e9 de simulations encadr\u00e9es avec rapport clair et actionnable.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"nx-service-row reverse\">\r\n        <div class=\"nx-service-img\" data-from=\"right\">\r\n          <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/BLOC4.4-1.png\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"nx-service-text\" data-from=\"left\">\r\n          <div class=\"nx-service-kicker\">Maintenance<\/div>\r\n          <h3>Maintenance et s\u00e9curit\u00e9 du site<\/h3>\r\n          <p>Mises \u00e0 jour, sauvegardes et v\u00e9rifications r\u00e9guli\u00e8res pour \u00e9viter les mauvaises surprises.<\/p>\r\n          <p>Surveillance technique pour garder un site stable et disponible.<\/p>\r\n          <p>On s\u2019occupe de la partie technique, vous gardez l\u2019esprit tranquille.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"nx-service-row\">\r\n        <div class=\"nx-service-img\" data-from=\"left\">\r\n          <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/BLOC5.5.png\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"nx-service-text\" data-from=\"right\">\r\n          <div class=\"nx-service-kicker\">QR code<\/div>\r\n          <h3>QR code et supports<\/h3>\r\n          <p>Acc\u00e8s direct \u00e0 votre menu, vos services ou votre page contact.<\/p>\r\n          <p>QR personnalis\u00e9 avec support physique possible.<\/p>\r\n          <p>Simple et efficace pour am\u00e9liorer l\u2019exp\u00e9rience client.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"nx-service-row reverse\">\r\n        <div class=\"nx-service-img\" data-from=\"right\">\r\n          <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/BLOC6.png\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"nx-service-text\" data-from=\"left\">\r\n          <div class=\"nx-service-kicker\">Visuels<\/div>\r\n          <h3>Photos et prises de vue (drone)<\/h3>\r\n          <p>Des visuels propres augmentent la confiance et l\u2019impact.<\/p>\r\n          <p>Photos pour site web et Google Business.<\/p>\r\n          <p>Option drone possible selon les conditions et autorisations.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.nx-services{\r\n  position:relative;\r\n  padding:90px 20px;\r\n  overflow:visible;\r\n  background:transparent;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.nx-services-inner{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.nx-services-title{\r\n  text-align:center;\r\n  font-size:40px;\r\n  font-weight:600;\r\n  line-height:1.2;\r\n  letter-spacing:-0.01em;\r\n  margin:0 0 90px;\r\n  color:#0f172a;\r\n  position:relative;\r\n  z-index:3;\r\n}\r\n\r\n.nx-services-content{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* halos *\/\r\n.nx-services-bg{\r\n  position:absolute;\r\n  width:520px;\r\n  height:520px;\r\n  top:-100px;\r\n  left:-140px;\r\n  border-radius:999px;\r\n  background:radial-gradient(circle, rgba(59,130,246,.14) 0%, rgba(59,130,246,.08) 35%, rgba(59,130,246,0) 72%);\r\n  filter:blur(55px);\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n.nx-services-bg-2{\r\n  width:540px;\r\n  height:540px;\r\n  top:auto;\r\n  bottom:-140px;\r\n  left:auto;\r\n  right:-140px;\r\n  background:radial-gradient(circle, rgba(96,165,250,.14) 0%, rgba(96,165,250,.08) 38%, rgba(96,165,250,0) 74%);\r\n}\r\n\r\n\/* FILAMENTS *\/\r\n.nx-filaments{\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  z-index:0;\r\n  opacity:.42;\r\n}\r\n\r\n.nx-filaments-svg{\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\n\/* FILAMENT STYLE *\/\r\n.filament{\r\n  fill:none;\r\n  stroke:#3b82f6;\r\n  stroke-width:2.3;\r\n  stroke-linecap:round;\r\n  stroke-dasharray:20 40;\r\n  animation:flow 9s linear infinite;\r\n}\r\n\r\n.f2{\r\n  stroke:#60a5fa;\r\n  stroke-width:1.9;\r\n  animation-duration:11s;\r\n  opacity:.55;\r\n}\r\n\r\n.f3{\r\n  stroke:#93c5fd;\r\n  stroke-width:1.7;\r\n  animation-duration:13s;\r\n  opacity:.38;\r\n}\r\n\r\n@keyframes flow{\r\n  from{stroke-dashoffset:0;}\r\n  to{stroke-dashoffset:-200;}\r\n}\r\n\r\n\/* SERVICES *\/\r\n.nx-service-row{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:64px;\r\n  align-items:center;\r\n  margin-bottom:110px;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.nx-service-row:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n.nx-service-row.reverse{direction:rtl;}\r\n.nx-service-row.reverse *{direction:ltr;}\r\n\r\n.nx-service-img,\r\n.nx-service-text{\r\n  will-change:transform, opacity;\r\n}\r\n\r\n.nx-service-img{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  position:relative;\r\n}\r\n\r\n.nx-service-img img{\r\n  width:100%;\r\n  height:auto;\r\n  object-fit:contain;\r\n  display:block;\r\n\r\n  -webkit-mask-image: radial-gradient(\r\n    ellipse at center,\r\n    rgba(0,0,0,1) 42%,\r\n    rgba(0,0,0,0.96) 52%,\r\n    rgba(0,0,0,0.82) 62%,\r\n    rgba(0,0,0,0.55) 72%,\r\n    rgba(0,0,0,0.28) 82%,\r\n    rgba(0,0,0,0.10) 90%,\r\n    transparent 100%\r\n  );\r\n\r\n  mask-image: radial-gradient(\r\n    ellipse at center,\r\n    rgba(0,0,0,1) 42%,\r\n    rgba(0,0,0,0.96) 52%,\r\n    rgba(0,0,0,0.82) 62%,\r\n    rgba(0,0,0,0.55) 72%,\r\n    rgba(0,0,0,0.28) 82%,\r\n    rgba(0,0,0,0.10) 90%,\r\n    transparent 100%\r\n  );\r\n}\r\n\r\n.nx-service-text{\r\n  position:relative;\r\n  padding:28px 30px;\r\n  border-radius:28px;\r\n  background:\r\n    radial-gradient(300px 120px at 0% 0%, rgba(59,130,246,.08), transparent 72%),\r\n    linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.42));\r\n  backdrop-filter:blur(9px);\r\n  -webkit-backdrop-filter:blur(9px);\r\n  box-shadow:\r\n    0 10px 30px rgba(15,23,42,.03),\r\n    0 4px 12px rgba(15,23,42,.02);\r\n}\r\n\r\n.nx-service-text::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-18px;\r\n  border-radius:36px;\r\n  background:\r\n    radial-gradient(180px 70px at 10% 8%, rgba(59,130,246,.07), transparent 75%),\r\n    radial-gradient(180px 80px at 90% 92%, rgba(96,165,250,.05), transparent 75%);\r\n  filter:blur(20px);\r\n  z-index:-1;\r\n  pointer-events:none;\r\n}\r\n\r\n.nx-service-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:7px 12px;\r\n  margin-bottom:14px;\r\n  border-radius:999px;\r\n  background:rgba(59,130,246,.10);\r\n  color:#2563eb;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  letter-spacing:.10em;\r\n  text-transform:uppercase;\r\n  box-shadow:inset 0 0 0 1px rgba(59,130,246,.08);\r\n}\r\n\r\n.nx-service-text h3{\r\n  margin:0 0 16px;\r\n  font-size:28px;\r\n  line-height:1.15;\r\n  font-weight:600;\r\n  letter-spacing:-0.01em;\r\n  color:#0f172a;\r\n}\r\n\r\n.nx-service-text p{\r\n  margin:0 0 12px;\r\n  color:#475569;\r\n  font-size:16px;\r\n  font-weight:400;\r\n  line-height:1.8;\r\n}\r\n\r\n.nx-service-text p:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:850px){\r\n\r\n  .nx-services{\r\n    padding:75px 18px;\r\n  }\r\n\r\n  .nx-services-title{\r\n    font-size:30px;\r\n    margin-bottom:60px;\r\n  }\r\n\r\n  .nx-service-row{\r\n    grid-template-columns:1fr;\r\n    gap:28px;\r\n    margin-bottom:70px;\r\n  }\r\n\r\n  .nx-service-row.reverse{\r\n    direction:ltr;\r\n  }\r\n\r\n  .nx-service-text{\r\n    padding:24px 22px;\r\n    border-radius:24px;\r\n  }\r\n\r\n  .nx-service-text h3{\r\n    font-size:24px;\r\n  }\r\n\r\n  .nx-filaments{\r\n    opacity:.28;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3\/dist\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n(function(){\r\n\r\nfunction whenReady(cb, tries){\r\n  if (window.gsap && window.ScrollTrigger) return cb();\r\n  if ((tries||0) > 60) return;\r\n  setTimeout(function(){ whenReady(cb, (tries||0)+1); }, 120);\r\n}\r\n\r\nfunction init(){\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  var rows = document.querySelectorAll(\"[data-nx-services] .nx-service-row\");\r\n\r\n  rows.forEach(function(row){\r\n    var img = row.querySelector(\".nx-service-img\");\r\n    var txt = row.querySelector(\".nx-service-text\");\r\n\r\n    var fromImg = img.getAttribute(\"data-from\") || \"left\";\r\n    var fromTxt = txt.getAttribute(\"data-from\") || \"right\";\r\n\r\n    var xImg = fromImg === \"left\" ? -80 : 80;\r\n    var xTxt = fromTxt === \"left\" ? -80 : 80;\r\n\r\n    gsap.set([img, txt], {y:16, autoAlpha:0});\r\n    gsap.set(img, {x:xImg});\r\n    gsap.set(txt, {x:xTxt});\r\n\r\n    ScrollTrigger.create({\r\n      trigger: row,\r\n      start: \"top 88%\",\r\n      once: true,\r\n      onEnter: function(){\r\n        gsap.to(img, {\r\n          x:0,\r\n          y:0,\r\n          autoAlpha:1,\r\n          duration:0.65,\r\n          ease:\"power2.out\",\r\n          overwrite:\"auto\"\r\n        });\r\n\r\n        gsap.to(txt, {\r\n          x:0,\r\n          y:0,\r\n          autoAlpha:1,\r\n          duration:0.65,\r\n          delay:0.08,\r\n          ease:\"power2.out\",\r\n          overwrite:\"auto\"\r\n        });\r\n      }\r\n    });\r\n  });\r\n\r\n  ScrollTrigger.refresh();\r\n}\r\n\r\nif(document.readyState === \"loading\"){\r\n  document.addEventListener(\"DOMContentLoaded\", function(){ whenReady(init); });\r\n}else{\r\n  whenReady(init);\r\n}\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e64ebd1 elementor-widget elementor-widget-html\" data-id=\"e64ebd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nx-pricing-quick\">\r\n  <div class=\"nx-wrap\">\r\n\r\n    <div class=\"nx-pricing-head\">\r\n      <p class=\"nx-kicker\">Tarifs<\/p>\r\n      <h2>Des offres simples et claires<\/h2>\r\n      <p class=\"nx-sub\">\r\n        Des solutions pens\u00e9es pour les petites entreprises, avec un budget ma\u00eetris\u00e9\r\n        et uniquement les options vraiment utiles.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"nx-pricing-grid\">\r\n      \r\n      <article class=\"nx-price-card\">\r\n        <p class=\"nx-card-label\">Site vitrine<\/p>\r\n        <h3>\u00c0 partir de 790\u20ac HT<\/h3>\r\n        <p>\r\n          Un site professionnel, responsive et s\u00e9curis\u00e9 pour d\u00e9marrer avec une image s\u00e9rieuse.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"nx-price-card nx-featured\">\r\n        <p class=\"nx-card-label\">Pack visibilit\u00e9<\/p>\r\n        <h3>\u00c0 partir de 1190\u20ac HT<\/h3>\r\n        <p>\r\n          Site + optimisation Google + pr\u00e9sence locale pour gagner en visibilit\u00e9 et g\u00e9n\u00e9rer des contacts.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"nx-price-card\">\r\n        <p class=\"nx-card-label\">Maintenance<\/p>\r\n        <h3>D\u00e8s 49\u20ac \/ mois<\/h3>\r\n        <p>\r\n          Mises \u00e0 jour, sauvegardes, surveillance et accompagnement pour garder un site fiable dans le temps.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"nx-pricing-mini\">\r\n      <div class=\"nx-mini-line\">\r\n        <span>R\u00e9servation en ligne<\/span>\r\n        <strong>+300\u20ac<\/strong>\r\n      <\/div>\r\n      <div class=\"nx-mini-line\">\r\n        <span>Commande en ligne<\/span>\r\n        <strong>+550\u20ac<\/strong>\r\n      <\/div>\r\n      <div class=\"nx-mini-line\">\r\n        <span>Sensibilisation phishing<\/span>\r\n        <strong>399\u20ac HT \/ an<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nx-pricing-cta\">\r\n      <a href=\"https:\/\/norexys.fr\/?page_id=168\" class=\"nx-btn-light\">Voir tous les tarifs<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .nx-pricing-quick{\r\n    padding:72px 20px;\r\n    background:#fff;\r\n    color:#111827;\r\n    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n  }\r\n\r\n  .nx-wrap{\r\n    max-width:1100px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .nx-pricing-head{\r\n    text-align:center;\r\n    max-width:760px;\r\n    margin:0 auto 34px;\r\n  }\r\n\r\n  .nx-kicker{\r\n    margin:0 0 10px;\r\n    font-size:12px;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n    color:#6b7280;\r\n    font-weight:500;\r\n  }\r\n\r\n  .nx-pricing-head h2{\r\n    margin:0 0 12px;\r\n    font-size:34px;\r\n    line-height:1.15;\r\n    font-weight:600;\r\n    letter-spacing:-0.01em;\r\n  }\r\n\r\n  .nx-sub{\r\n    margin:0;\r\n    color:#4b5563;\r\n    line-height:1.6;\r\n    font-size:16px;\r\n    font-weight:400;\r\n  }\r\n\r\n  .nx-pricing-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:16px;\r\n  }\r\n\r\n  .nx-price-card{\r\n    padding:22px;\r\n    border:1px solid rgba(17,24,39,.08);\r\n    border-radius:18px;\r\n    background:#fff;\r\n    box-shadow:0 12px 30px rgba(15,23,42,.05);\r\n    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n  }\r\n\r\n  .nx-price-card:hover{\r\n    transform:translateY(-4px);\r\n    box-shadow:0 16px 34px rgba(15,23,42,.08);\r\n  }\r\n\r\n  .nx-featured{\r\n    border-color:rgba(37,99,235,.22);\r\n    box-shadow:0 14px 34px rgba(37,99,235,.10);\r\n    background:linear-gradient(180deg,#f8fbff 0%, #ffffff 100%);\r\n  }\r\n\r\n  .nx-card-label{\r\n    margin:0 0 8px;\r\n    font-size:13px;\r\n    color:#6b7280;\r\n    text-transform:uppercase;\r\n    letter-spacing:.08em;\r\n    font-weight:500;\r\n  }\r\n\r\n  .nx-price-card h3{\r\n    margin:0 0 10px;\r\n    font-size:26px;\r\n    line-height:1.2;\r\n    font-weight:600;\r\n    letter-spacing:-0.01em;\r\n    color:#111827;\r\n  }\r\n\r\n  .nx-price-card p:last-child{\r\n    margin:0;\r\n    color:#4b5563;\r\n    line-height:1.6;\r\n    font-size:15px;\r\n    font-weight:400;\r\n  }\r\n\r\n  .nx-pricing-mini{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:12px;\r\n    margin-top:18px;\r\n  }\r\n\r\n  .nx-mini-line{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:12px;\r\n    padding:14px 16px;\r\n    border-radius:14px;\r\n    background:#f9fafb;\r\n    border:1px solid rgba(17,24,39,.06);\r\n    color:#374151;\r\n    font-size:15px;\r\n  }\r\n\r\n  .nx-mini-line span{\r\n    font-weight:400;\r\n  }\r\n\r\n  .nx-mini-line strong{\r\n    color:#111827;\r\n    white-space:nowrap;\r\n    font-weight:600;\r\n  }\r\n\r\n  .nx-pricing-cta{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:12px;\r\n    margin-top:26px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .nx-btn-light,\r\n  .nx-btn-main{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-decoration:none;\r\n    padding:12px 16px;\r\n    border-radius:12px;\r\n    font-weight:600;\r\n    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n  }\r\n\r\n  .nx-btn-light{\r\n    border:1px solid rgba(17,24,39,.10);\r\n    background:#fff;\r\n    color:#111827;\r\n  }\r\n\r\n  .nx-btn-light:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 10px 20px rgba(15,23,42,.06);\r\n  }\r\n\r\n  .nx-btn-main{\r\n    border:1px solid rgba(37,99,235,.20);\r\n    background:#2563eb;\r\n    color:#fff;\r\n    box-shadow:0 10px 22px rgba(37,99,235,.18);\r\n  }\r\n\r\n  .nx-btn-main:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 14px 28px rgba(37,99,235,.24);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .nx-pricing-head{\r\n      text-align:left;\r\n      margin:0 0 28px;\r\n    }\r\n\r\n    .nx-pricing-head h2{\r\n      font-size:28px;\r\n    }\r\n\r\n    .nx-pricing-grid,\r\n    .nx-pricing-mini{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .nx-pricing-cta{\r\n      justify-content:flex-start;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-268286e elementor-widget elementor-widget-html\" data-id=\"268286e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nx-infra-block\">\r\n\r\n  <div class=\"nx-infra-bg\"><\/div>\r\n  <div class=\"nx-infra-bg nx-infra-bg-2\"><\/div>\r\n\r\n  <div class=\"nx-infra-wrap\">\r\n\r\n    <div class=\"nx-infra-row\">\r\n\r\n      <div class=\"nx-infra-img\">\r\n        <img decoding=\"async\" src=\"http:\/\/norexys.fr\/wp-content\/uploads\/2026\/03\/DATACENTER.png\" alt=\"Infrastructure fiable et h\u00e9bergement en France\">\r\n      <\/div>\r\n\r\n      <div class=\"nx-infra-text\">\r\n        <div class=\"nx-infra-kicker\">Infrastructure<\/div>\r\n        <h3>Infrastructure fiable <br>et h\u00e9bergement en France<\/h3>\r\n\r\n        <p>\r\n          Votre site est h\u00e9berg\u00e9 dans des datacenters OVHcloud situ\u00e9s en France.\r\n        <\/p>\r\n        <p>\r\n          Une infrastructure reconnue, des donn\u00e9es localis\u00e9es en France et une s\u00e9curit\u00e9 renforc\u00e9e pour garantir la disponibilit\u00e9 et la fiabilit\u00e9 de votre pr\u00e9sence en ligne.\r\n        <\/p>\r\n\r\n        <ul class=\"nx-infra-list\">\r\n          <li>Datacenters OVHcloud en France<\/li>\r\n          <li>Connexion s\u00e9curis\u00e9e HTTPS<\/li>\r\n          <li>Sauvegardes et surveillance technique<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.nx-infra-block{\r\n  position:relative;\r\n  padding:90px 20px;\r\n  overflow:visible;\r\n  background:transparent;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n}\r\n\r\n.nx-infra-wrap{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* halos *\/\r\n.nx-infra-bg{\r\n  position:absolute;\r\n  width:520px;\r\n  height:520px;\r\n  top:-100px;\r\n  left:-140px;\r\n  border-radius:999px;\r\n  background:radial-gradient(circle, rgba(59,130,246,.14) 0%, rgba(59,130,246,.08) 35%, rgba(59,130,246,0) 72%);\r\n  filter:blur(55px);\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n.nx-infra-bg-2{\r\n  width:540px;\r\n  height:540px;\r\n  top:auto;\r\n  bottom:-140px;\r\n  left:auto;\r\n  right:-140px;\r\n  background:radial-gradient(circle, rgba(96,165,250,.14) 0%, rgba(96,165,250,.08) 38%, rgba(96,165,250,0) 74%);\r\n}\r\n\r\n\/* row *\/\r\n.nx-infra-row{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:64px;\r\n  align-items:center;\r\n  position:relative;\r\n}\r\n\r\n\/* image *\/\r\n.nx-infra-img{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  position:relative;\r\n}\r\n\r\n.nx-infra-img img{\r\n  width:100%;\r\n  height:auto;\r\n  object-fit:contain;\r\n  display:block;\r\n\r\n  -webkit-mask-image: radial-gradient(\r\n    ellipse at center,\r\n    rgba(0,0,0,1) 42%,\r\n    rgba(0,0,0,0.96) 52%,\r\n    rgba(0,0,0,0.82) 62%,\r\n    rgba(0,0,0,0.55) 72%,\r\n    rgba(0,0,0,0.28) 82%,\r\n    rgba(0,0,0,0.10) 90%,\r\n    transparent 100%\r\n  );\r\n\r\n  mask-image: radial-gradient(\r\n    ellipse at center,\r\n    rgba(0,0,0,1) 42%,\r\n    rgba(0,0,0,0.96) 52%,\r\n    rgba(0,0,0,0.82) 62%,\r\n    rgba(0,0,0,0.55) 72%,\r\n    rgba(0,0,0,0.28) 82%,\r\n    rgba(0,0,0,0.10) 90%,\r\n    transparent 100%\r\n  );\r\n}\r\n\r\n\/* text card *\/\r\n.nx-infra-text{\r\n  position:relative;\r\n  padding:28px 30px;\r\n  border-radius:28px;\r\n  background:\r\n    radial-gradient(300px 120px at 0% 0%, rgba(59,130,246,.08), transparent 72%),\r\n    linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.42));\r\n  backdrop-filter:blur(9px);\r\n  -webkit-backdrop-filter:blur(9px);\r\n  box-shadow:\r\n    0 10px 30px rgba(15,23,42,.03),\r\n    0 4px 12px rgba(15,23,42,.02);\r\n}\r\n\r\n.nx-infra-text::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-18px;\r\n  border-radius:36px;\r\n  background:\r\n    radial-gradient(180px 70px at 10% 8%, rgba(59,130,246,.07), transparent 75%),\r\n    radial-gradient(180px 80px at 90% 92%, rgba(96,165,250,.05), transparent 75%);\r\n  filter:blur(20px);\r\n  z-index:-1;\r\n  pointer-events:none;\r\n}\r\n\r\n.nx-infra-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:7px 12px;\r\n  margin-bottom:14px;\r\n  border-radius:999px;\r\n  background:rgba(59,130,246,.10);\r\n  color:#2563eb;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  letter-spacing:.10em;\r\n  text-transform:uppercase;\r\n  box-shadow:inset 0 0 0 1px rgba(59,130,246,.08);\r\n}\r\n\r\n.nx-infra-text h3{\r\n  margin:0 0 16px;\r\n  font-size:34px;\r\n  line-height:1.15;\r\n  font-weight:600;\r\n  letter-spacing:-0.01em;\r\n  color:#0f172a;\r\n}\r\n\r\n.nx-infra-text p{\r\n  margin:0 0 12px;\r\n  color:#475569;\r\n  font-size:16px;\r\n  font-weight:400;\r\n  line-height:1.8;\r\n}\r\n\r\n.nx-infra-list{\r\n  margin:18px 0 0;\r\n  padding-left:18px;\r\n  color:#334155;\r\n}\r\n\r\n.nx-infra-list li{\r\n  margin-bottom:8px;\r\n  font-size:15px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* mobile *\/\r\n@media(max-width:850px){\r\n\r\n  .nx-infra-block{\r\n    padding:75px 18px;\r\n  }\r\n\r\n  .nx-infra-row{\r\n    grid-template-columns:1fr;\r\n    gap:28px;\r\n  }\r\n\r\n  .nx-infra-text{\r\n    padding:24px 22px;\r\n    border-radius:24px;\r\n  }\r\n\r\n  .nx-infra-text h3{\r\n    font-size:28px;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84c9b0b elementor-widget elementor-widget-html\" data-id=\"84c9b0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nx-final-cta\">\r\n\r\n  <div class=\"nx-final-bg\"><\/div>\r\n  <div class=\"nx-final-bg nx-final-bg-2\"><\/div>\r\n\r\n  <div class=\"nx-final-wrap\">\r\n\r\n    <div class=\"nx-final-box\">\r\n\r\n      <h2>\r\n        Pr\u00eat \u00e0 donner \u00e0 votre activit\u00e9 une pr\u00e9sence en ligne\r\n        <span class=\"nx-final-highlight\">plus visible et plus fiable<\/span> ?\r\n      <\/h2>\r\n\r\n      <p class=\"nx-final-sub\">\r\n        Site web, visibilit\u00e9 Google, maintenance et s\u00e9curit\u00e9 :\r\n        vous avancez avec une solution claire, adapt\u00e9e \u00e0 votre activit\u00e9.\r\n      <\/p>\r\n\r\n      <div class=\"nx-final-actions\">\r\n        <a href=\"https:\/\/norexys.fr\/?page_id=187\" class=\"nx-btn-main\">Demander un devis<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.nx-final-cta{\r\n  position:relative;\r\n  padding:110px 20px 90px;\r\n  background:transparent;\r\n  overflow:visible;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n}\r\n\r\n.nx-final-wrap{\r\n  max-width:900px;\r\n  margin:auto;\r\n  position:relative;\r\n  z-index:2;\r\n  text-align:center;\r\n}\r\n\r\n\/* halos *\/\r\n.nx-final-bg{\r\n  position:absolute;\r\n  width:520px;\r\n  height:520px;\r\n  top:-120px;\r\n  left:-160px;\r\n  border-radius:999px;\r\n  background:radial-gradient(circle, rgba(59,130,246,.14) 0%, rgba(59,130,246,.08) 35%, rgba(59,130,246,0) 72%);\r\n  filter:blur(55px);\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n.nx-final-bg-2{\r\n  width:540px;\r\n  height:540px;\r\n  top:auto;\r\n  bottom:-140px;\r\n  right:-160px;\r\n  left:auto;\r\n  background:radial-gradient(circle, rgba(96,165,250,.14) 0%, rgba(96,165,250,.08) 38%, rgba(96,165,250,0) 74%);\r\n}\r\n\r\n\/* box *\/\r\n.nx-final-box{\r\n  position:relative;\r\n  padding:40px 36px;\r\n  border-radius:32px;\r\n\r\n  background:\r\n    radial-gradient(300px 120px at 0% 0%, rgba(59,130,246,.08), transparent 72%),\r\n    linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.45));\r\n\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n\r\n  box-shadow:\r\n    0 20px 40px rgba(15,23,42,.06),\r\n    0 8px 20px rgba(15,23,42,.04);\r\n}\r\n\r\n.nx-final-box::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-18px;\r\n  border-radius:40px;\r\n  background:\r\n    radial-gradient(180px 70px at 10% 8%, rgba(59,130,246,.07), transparent 75%),\r\n    radial-gradient(180px 80px at 90% 92%, rgba(96,165,250,.05), transparent 75%);\r\n  filter:blur(22px);\r\n  z-index:-1;\r\n}\r\n\r\n\/* titre *\/\r\n.nx-final-box h2{\r\n  margin:0 0 14px;\r\n  font-size:34px;\r\n  line-height:1.2;\r\n  font-weight:600;\r\n  letter-spacing:-0.01em;\r\n  color:#0f172a;\r\n}\r\n\r\n.nx-final-highlight{\r\n  background:linear-gradient(120deg,#2563eb,#60a5fa,#2563eb);\r\n  background-size:200% 100%;\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  animation:nxGlow 5s linear infinite;\r\n}\r\n\r\n@keyframes nxGlow{\r\n  0%{background-position:-200%}\r\n  100%{background-position:200%}\r\n}\r\n\r\n\/* texte *\/\r\n.nx-final-sub{\r\n  margin:0 0 26px;\r\n  font-size:16px;\r\n  color:#475569;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* boutons *\/\r\n.nx-final-actions{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:14px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.nx-btn-main,\r\n.nx-btn-light{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:12px 18px;\r\n  border-radius:14px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  transition:.2s ease;\r\n}\r\n\r\n\/* bouton principal *\/\r\n.nx-btn-main{\r\n  background:#2563eb;\r\n  color:#fffff;\r\n  border:1px solid rgba(37,99,235,.25);\r\n}\r\n\r\n.nx-btn-main:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 8px 20px rgba(37,99,235,.25);\r\n}\r\n\r\n\/* bouton secondaire *\/\r\n.nx-btn-light{\r\n  background:#fff;\r\n  color:#111827;\r\n  border:1px solid rgba(17,24,39,.10);\r\n}\r\n\r\n.nx-btn-light:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 6px 14px rgba(0,0,0,.08);\r\n}\r\n\r\n\/* mobile *\/\r\n@media(max-width:850px){\r\n\r\n  .nx-final-box{\r\n    padding:32px 22px;\r\n    border-radius:26px;\r\n  }\r\n\r\n  .nx-final-box h2{\r\n    font-size:28px;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Votre pr\u00e9sence en ligne m\u00e9rite mieux qu\u2019un simple site web. Un partenaire digital local pour cr\u00e9er, s\u00e9curiser et am\u00e9liorer votre pr\u00e9sence en ligne. Voir les tarifs Discuter de votre projet Visibilit\u00e9, performance et s\u00e9curit\u00e9 pour d\u00e9velopper votre activit\u00e9 Site web Cr\u00e9ation de site web professionnel Un site moderne, rapide et clair pour pr\u00e9senter votre activit\u00e9&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/norexys.fr\/index.php?rest_route=\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/norexys.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/norexys.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/norexys.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/norexys.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":204,"href":"https:\/\/norexys.fr\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/norexys.fr\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/445"}],"wp:attachment":[{"href":"https:\/\/norexys.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}