{"id":1042,"date":"2025-09-23T12:42:00","date_gmt":"2025-09-23T12:42:00","guid":{"rendered":"http:\/\/preprod.novatice.com\/?page_id=1042"},"modified":"2026-01-27T13:57:39","modified_gmt":"2026-01-27T13:57:39","slug":"qui-sommes-nous","status":"publish","type":"page","link":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/","title":{"rendered":"Qui sommes-nous ?"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-c4460594 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<section class=\"custom-header-section\">\n  <div class=\"header-wrapper\">\n    <!-- Texte \u00e0 gauche -->\n    <div class=\"header-content\">\n      <h1>QUI SOMMES-NOUS ?<\/h1>\n      <p class=\"intro-text\">\n        Novatice Technologies, \u00e9diteur de logiciel pour les collectivit\u00e9s, accompagne depuis plus de 20 ans les acteurs publics dans leur transformation num\u00e9rique.  \n        Notre mission : concevoir des outils simples, innovants et accessibles pour faciliter la gestion et le pilotage du num\u00e9rique au service des territoires.\n      <\/p>\n    <\/div>\n\n    <!-- Image \u00e0 droite -->\n    <div class=\"header-image\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/bxim9ghygdaabticylqg-e1760600463408.webp\" alt=\"Illustration Novatice\">\n    <\/div>\n  <\/div>\n\n  <!-- Fl\u00e8che -->\n  <div class=\"arrow-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/09\/ROND-FLECHE.png\" alt=\"Fl\u00e8che\">\n  <\/div>\n\n  <!-- Bulles -->\n  <div class=\"bubbles-container\"><\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\n\n\/* Section principale *\/\n.custom-header-section {\n  position: relative;\n  padding: 60px 20px 40px 20px;\n  background: none;\n  overflow: visible;\n  font-family: 'Poppins', sans-serif;\n  color: #243E90;\n}\n\n\/* Conteneur principal texte + image *\/\n.header-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  max-width: 1300px;\n  margin: 0 auto;\n  gap: 60px;\n  flex-wrap: nowrap; \/* Emp\u00eache le passage sur deux lignes *\/\n}\n\n\/* Bloc texte \u00e0 gauche *\/\n.header-content {\n  flex: 1 1 50%;\n  text-align: left;\n}\n\n.custom-header-section h1 {\n  font-weight: 700;\n  font-size: 30pt;\n  margin-bottom: 20px;\n  color: #243E90;\n  text-align: left;\n}\n\n.custom-header-section .intro-text {\n  font-size: 11pt;\n  line-height: 1.6;\n  font-weight: 400;\n  margin: 0;\n  color: #243E90;\n  text-align: left;\n}\n\n\/* Image \u00e0 droite *\/\n.header-image {\n  flex: 1 1 50%;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.header-image img {\n  width: 90%;\n  height: auto;\n  border-radius: 12px;\n  object-fit: contain;\n}\n\n\/* Fl\u00e8che centr\u00e9e *\/\n.arrow-container {\n  position: relative;\n  margin-top: 40px;\n  display: flex;\n  justify-content: center;\n}\n\n.arrow-container img {\n  width: 50px;\n  animation: bounce 2s infinite;\n  filter: drop-shadow(0 0 8px rgba(255,255,255,0.8))\n          drop-shadow(0 0 12px rgba(255,255,255,0.5));\n}\n\n\/* Animation fl\u00e8che *\/\n@keyframes bounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n\n\/* Bulles flottantes *\/\n.bubble {\n  position: absolute;\n  border-radius: 50%;\n  background-color: #243E90;\n  opacity: 0.03;\n  animation: float 6s infinite ease-in-out;\n}\n\n\/* Animation bulles *\/\n@keyframes float {\n  0% { transform: translateY(0) translateX(0); opacity: var(--opacity); }\n  50% { transform: translateY(-20px) translateX(var(--moveX)); opacity: calc(var(--opacity) + 0.03); }\n  100% { transform: translateY(0) translateX(0); opacity: var(--opacity); }\n}\n\n\/* Responsive *\/\n@media (max-width: 992px) {\n  .header-wrapper {\n    flex-wrap: wrap; \/* Passe l\u2019image dessous sur petits \u00e9crans *\/\n    text-align: left;\n  }\n\n  .header-content, .header-image {\n    flex: 1 1 100%;\n  }\n\n  .header-image {\n    justify-content: center;\n  }\n\n  .header-image img {\n    width: 100%;\n  }\n\n  .custom-header-section h1 {\n    font-size: 24pt;\n  }\n\n  .custom-header-section .intro-text {\n    font-size: 13pt;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const container = document.querySelector('.bubbles-container');\n  if (!container) return;\n\n  const numBubbles = 25;\n  for (let i = 0; i < numBubbles; i++) {\n    const bubble = document.createElement('div');\n    bubble.classList.add('bubble');\n\n    const size = 10 + Math.random() * 35;\n    bubble.style.width = size + 'px';\n    bubble.style.height = size + 'px';\n\n    bubble.style.top = Math.random() * 70 + '%';\n    bubble.style.left = Math.random() * 95 + '%';\n\n    const opacity = 0.02 + Math.random() * 0.05;\n    bubble.style.setProperty('--opacity', opacity);\n    const moveX = (Math.random() * 20 - 10) + 'px';\n    bubble.style.setProperty('--moveX', moveX);\n\n    bubble.style.animationDelay = Math.random() * 3 + 's';\n    container.appendChild(bubble);\n  }\n});\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-428125d8 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<section id=\"adn-section\">\n  <div class=\"adn-container\">\n    <!-- Image en haut -->\n    <div class=\"adn-image\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/fgy5mz5sjyggk1owx4cx-e1760600482221.webp\" alt=\"Illustration ADN\">\n    <\/div>\n\n    <!-- Titre sous l'image -->\n    <h2 class=\"adn-title\">Notre ADN : simplifier le num\u00e9rique<\/h2>\n\n    <!-- Texte -->\n    <div class=\"adn-text\">\n      <p>\n        Pour nous, la vraie innovation n\u2019est pas seulement technologique, elle est avant tout humaine. \n        Nous croyons que le num\u00e9rique doit \u00eatre un outil au service de chacun, simple et accessible. \n        Chaque solution que nous d\u00e9veloppons a un objectif clair : rendre l\u2019usage du num\u00e9rique plus fluide, \n        plus intuitif et plus naturel. En levant les freins et en simplifiant l\u2019exp\u00e9rience, \n        nous permettons \u00e0 tous d\u2019en tirer le meilleur, sans complexit\u00e9 inutile.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\n\n#adn-section {\n  padding: 60px 20px;\n  font-family: 'Poppins', sans-serif;\n  text-align: center;\n}\n\n\/* Conteneur principal *\/\n.adn-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 25px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n\/* Image *\/\n.adn-image img {\n  width: 100%;\n  max-width: 700px;\n  height: auto;\n  border-radius: 12px;\n  display: block;\n  margin: 0 auto;\n}\n\n\/* Titre *\/\n.adn-title {\n  font-size: 2rem;\n  font-weight: 700;\n  color: #243E90;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  line-height: 1.3em;\n  text-align: center;\n}\n\n\/* Texte *\/\n.adn-text {\n  padding: 25px 30px;\n  border-radius: 20px;\n  box-shadow: 0 8px 16px rgba(0,0,0,0.08);\n  font-size: 1.1rem;\n  color: #243E90;\n  line-height: 1.7;\n  text-align: left;\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  background: none; \/* plus de fond blanc *\/\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .adn-title {\n    font-size: 1.5rem;\n  }\n\n  .adn-text {\n    font-size: 1rem;\n    padding: 20px;\n  }\n}\n<\/style>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-3917388c alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<section class=\"spark-section\">\n  <h2>Depuis 20 ans, Novatice simplifie et d\u00e9veloppe<br> l'usage du num\u00e9rique.<\/h2>\n  <div class=\"sparks-container\"><\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap');\n\n.spark-section {\n  position: relative;\n  text-align: center;\n  padding: 80px 20px;\n  font-family: 'Poppins', sans-serif;\n  overflow: visible;\n}\n\n.spark-section h2 {\n  font-size: 28pt;\n  font-weight: 700;\n  color: #243E90;\n  position: relative;\n  z-index: 2;\n}\n\n.sparks-container {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n}\n\n\/* Formes \u00e9clat *\/\n.spark {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  background-color: #6CCED9;\n  opacity: 0.7;\n  transform: rotate(45deg);\n  border-radius: 2px;\n  animation: floatSpark 4s infinite ease-in-out;\n}\n\n@keyframes floatSpark {\n  0%, 100% { transform: translate(0,0) rotate(45deg); opacity: 0.7; }\n  50% { transform: translate(var(--moveX), var(--moveY)) rotate(45deg); opacity: 0.2; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const container = document.querySelector('.sparks-container');\n  if (!container) return;\n\n  const numSparks = 20;\n\n  for(let i = 0; i < numSparks; i++){\n    const spark = document.createElement('div');\n    spark.classList.add('spark');\n\n    \/\/ Position al\u00e9atoire autour du texte\n    spark.style.top = 20 + Math.random() * 60 + '%';\n    spark.style.left = 10 + Math.random() * 80 + '%';\n\n    \/\/ Mouvement al\u00e9atoire\n    const moveX = (Math.random() * 60 - 30) + 'px';\n    const moveY = (Math.random() * 60 - 30) + 'px';\n    spark.style.setProperty('--moveX', moveX);\n    spark.style.setProperty('--moveY', moveY);\n\n    \/\/ Animation d\u00e9cal\u00e9e\n    spark.style.animationDelay = Math.random() * 3 + 's';\n\n    container.appendChild(spark);\n  }\n});\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-214c573e alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<section class=\"blog-section\">\n  <h2>Une \u00e9volution au m\u00eame rythme que vos besoins<\/h2>\n  <div class=\"columns\">\n    <p>Depuis 2005, Novatice Technologies accompagne les \u00e9coles, les collectivit\u00e9s et les entreprises. Ainsi, chaque projet b\u00e9n\u00e9ficie de solutions num\u00e9riques adapt\u00e9es.<\/p>\n    <p>D\u00e8s le d\u00e9part, l\u2019entreprise a voulu rendre le num\u00e9rique accessible \u00e0 tous. Pour cela, elle a concentr\u00e9 son expertise sur l\u2019\u00e9ducation et le mat\u00e9riel p\u00e9dagogique.<\/p>\n    <p>Au fil des ann\u00e9es, Novatice a su innover et \u00e9largir son savoir-faire. Par exemple, ses solutions couvrent la classe mobile, la gestion de tablettes et les outils collaboratifs.<\/p>\n    <p>Install\u00e9e \u00e0 Bois-Guillaume, en Seine-Maritime, l\u2019\u00e9quipe met l\u2019humain au c\u0153ur de la technologie. En somme, son objectif reste inchang\u00e9 : offrir des outils simples, utiles et durables.<\/p>\n  <\/div>\n<\/section>\n\n<style>\n.blog-section {\n  background-color: #243E90;\n  color: #FFFFFF;\n  padding: 80px 40px;\n  font-family: 'Poppins', sans-serif;\n  text-align: center;\n  border-radius: 25px;\n  max-width: 1100px;\n  margin: 60px auto;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n}\n\n.blog-section h2 {\n  font-size: 32pt;\n  font-weight: 700;\n  margin-bottom: 50px;\n  position: relative;\n  color: #FFFFFF;\n}\n\n.blog-section h2::after {\n  content: '';\n  display: block;\n  width: 80px;\n  height: 4px;\n  background-color: #6CCED9;\n  margin: 15px auto 25px;\n  border-radius: 2px;\n}\n\n.blog-section .columns {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  max-width: 1000px;\n  margin: 0 auto;\n  text-align: left;\n}\n\n.blog-section p {\n  font-size: 14pt;\n  line-height: 1.8;\n  position: relative;\n  padding-left: 15px;\n  margin-bottom: 25px;\n  color: #FFFFFF;\n}\n\n.blog-section p::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  background-color: #6CCED9;\n  border-radius: 50%;\n  position: absolute;\n  left: 0;\n  top: 8px;\n}\n\n@media (max-width: 1024px) {\n  .blog-section .columns {\n    grid-template-columns: 1fr;\n    text-align: left;\n  }\n  .blog-section h2 {\n    font-size: 24pt;\n  }\n  .blog-section p {\n    font-size: 12pt;\n  }\n}\n<\/style>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uag-hide-tab uag-hide-mob uagb-block-76d968b4 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<section class=\"timeline-section\">\n  <div class=\"timeline-container\">\n    <svg class=\"timeline-svg\" viewBox=\"0 0 1200 100\" preserveAspectRatio=\"none\">\n      <path class=\"timeline-path\" d=\"M0,50 C200,0 400,100 600,50 C800,0 1000,100 1200,50\" stroke=\"#6CCED9\" stroke-width=\"4\" fill=\"none\"\/>\n    <\/svg>\n\n    <div class=\"timeline-items\">\n      <div class=\"timeline-item\" data-year=\"2004\" data-text=\"Accompagner les \u00e9coles dans la maintenance de leurs ordinateurs.\" data-img=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/aoxskszsljpwmpvys2kj-e1760600449287.webp\"><\/div>\n      <div class=\"timeline-item\" data-year=\"2011\" data-text=\"Proposer des solutions pour la gestion, la s\u00e9curit\u00e9 et le contr\u00f4le des \u00e9quipements informatiques (PC et tablettes) des collectivit\u00e9s.\" data-img=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/zaxqbyqnixvjh0wuoezu-e1760600510339.webp\"><\/div>\n      <div class=\"timeline-item\" data-year=\"2025\" data-text=\"Fournir une assistance aux collectivit\u00e9s pour exploiter tout le potentiel de l\u2019ensemble des appareils connect\u00e9s.\" data-img=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/aehjjldrlion0bwa5oyb-e1760600435331.webp\"><\/div>\n      <div class=\"timeline-item\" data-year=\"Demain\" data-text=\"Nous continuerons \u00e0 innover pour offrir des solutions simples, s\u00e9curis\u00e9es et durables.\" data-img=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/u0r8cmm0jshhyne3weep-e1760600495418.webp\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.timeline-section {\n  padding: 120px 20px;\n  font-family: 'Poppins', sans-serif;\n  position: relative;\n  overflow-x: visible;\n  display: flex;\n  justify-content: center;\n}\n\n.timeline-container {\n  position: relative;\n  width: 100%;\n  max-width: 1200px;\n  height: 250px;\n}\n\n.timeline-svg {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  height: 100px;\n  transform: translateY(-50%);\n}\n\n.timeline-path {\n  stroke-dasharray: 2000;\n  stroke-dashoffset: 2000;\n  stroke-linecap: round;\n  stroke: #6CCED9;\n  stroke-width: 4;\n  fill: none;\n}\n\n.timeline-items {\n  position: absolute;\n  top: 50%;\n  left: 0%; \/* D\u00e9but du conteneur plus \u00e0 gauche *\/\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: space-between;\n  width: 80%; \/* Garde une largeur fixe pour les \u00e9carts *\/\n  max-width: 1200px;\n  gap: 80px;\n}\n\n.timeline-item {\n  position: relative;\n  opacity: 0;\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.timeline-item-content {\n  background: #fff;\n  border-radius: 12px;\n  padding: 15px;\n  width: 250px;\n  text-align: left;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n}\n\n.timeline-item-content h3 {\n  margin: 0 0 8px 0;\n  font-size: 16pt;\n  color: #243E90;\n  font-weight: 700;\n}\n\n.timeline-item-content p {\n  margin: 0;\n  font-size: 12pt;\n  color: #333;\n}\n\n.timeline-item-content img {\n  width: 100%;\n  border-radius: 8px;\n  margin-top: 8px;\n  max-height: 150px;\n  object-fit: cover;\n}\n\n.timeline-item.active {\n  opacity: 1;\n  transform: translateY(-20px);\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const path = document.querySelector('.timeline-path');\n  const items = document.querySelectorAll('.timeline-item');\n\n  \/\/ Cr\u00e9er le contenu des cartes\n  items.forEach(item => {\n    const year = item.dataset.year;\n    const text = item.dataset.text;\n    const img = item.dataset.img;\n\n    const content = document.createElement('div');\n    content.classList.add('timeline-item-content');\n\n    const h3 = document.createElement('h3');\n    h3.textContent = year;\n    content.appendChild(h3);\n\n    const p = document.createElement('p');\n    p.textContent = text;\n    content.appendChild(p);\n\n    if(img){\n      const image = document.createElement('img');\n      image.src = img;\n      image.alt = year;\n      content.appendChild(image);\n    }\n\n    item.appendChild(content);\n  });\n\n  const totalFrames = 180;\n  let frame = 0;\n\n  function animateTimeline(){\n    frame++;\n    const progress = frame \/ totalFrames;\n    path.style.strokeDashoffset = 2000 * (1 - progress);\n\n    items.forEach((item, index) => {\n      const percent = (index + 0.5) \/ items.length;\n      if(progress >= percent){\n        item.classList.add('active');\n      }\n    });\n\n    if(frame < totalFrames){\n      requestAnimationFrame(animateTimeline);\n    }\n  }\n\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if(entry.isIntersecting){\n        animateTimeline();\n      }\n    });\n  }, { threshold: 0.5 });\n\n  observer.observe(path);\n});\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uag-hide-desktop uagb-block-a11df96a alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<section class=\"timeline-mobile\">\n \n  <div class=\"timeline-vertical\">\n    <div class=\"timeline-step\" data-year=\"2004\" data-text=\"Accompagner les \u00e9coles dans la maintenance de leurs ordinateurs.\" data-img=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/aoxskszsljpwmpvys2kj-e1760600449287.webp\"><\/div>\n    <div class=\"timeline-step\" data-year=\"2011\" data-text=\"Proposer des solutions pour la gestion, la s\u00e9curit\u00e9 et le contr\u00f4le des \u00e9quipements informatiques (PC et tablettes) des collectivit\u00e9s.\" data-img=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/zaxqbyqnixvjh0wuoezu-e1760600510339.webp\"><\/div>\n    <div class=\"timeline-step\" data-year=\"2025\" data-text=\"Fournir une assistance aux collectivit\u00e9s pour exploiter tout le potentiel de l\u2019ensemble des appareils connect\u00e9s.\" data-img=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/aehjjldrlion0bwa5oyb-e1760600435331.webp\"><\/div>\n    <div class=\"timeline-step\" data-year=\"Demain\" data-text=\"Nous continuerons \u00e0 innover pour offrir des solutions simples, s\u00e9curis\u00e9es et durables.\" data-img=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/u0r8cmm0jshhyne3weep-e1760600495418.webp\"><\/div>\n  <\/div>\n<\/section>\n\n<style>\n.timeline-mobile {\n  font-family: 'Poppins', sans-serif;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.timeline-mobile h2 {\n  font-size: 24pt;\n  font-weight: 700;\n  color: #243E90;\n  margin-bottom: 30px;\n}\n\n.timeline-vertical {\n  position: relative;\n  margin: 0 auto;\n  max-width: 400px;\n  display: flex;\n  flex-direction: column;\n  gap: 50px;\n}\n\n.timeline-vertical::before {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: #6CCED9;\n  transform: translateX(-50%);\n}\n\n.timeline-step {\n  position: relative;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.timeline-step.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.timeline-step::before {\n  content: '';\n  position: absolute;\n  left: 50%;\n  width: 16px;\n  height: 16px;\n  background: #243E90;\n  border-radius: 50%;\n  top: 0;\n  transform: translate(-50%, -50%);\n}\n\n.timeline-step-content {\n  background: #fff;\n  border-radius: 12px;\n  padding: 15px;\n  text-align: left;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n  margin-top: 15px;\n}\n\n.timeline-step-content h3 {\n  margin: 0 0 8px 0;\n  font-size: 16pt;\n  color: #243E90;\n  font-weight: 700;\n}\n\n.timeline-step-content p {\n  margin: 0;\n  font-size: 12pt;\n  color: #333;\n}\n\n.timeline-step-content img {\n  width: 100%;\n  border-radius: 8px;\n  margin-top: 8px;\n  max-height: 150px;\n  object-fit: cover;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const steps = document.querySelectorAll('.timeline-step');\n\n  steps.forEach(step => {\n    const year = step.dataset.year;\n    const text = step.dataset.text;\n    const img = step.dataset.img;\n\n    const content = document.createElement('div');\n    content.classList.add('timeline-step-content');\n\n    const h3 = document.createElement('h3');\n    h3.textContent = year;\n    content.appendChild(h3);\n\n    const p = document.createElement('p');\n    p.textContent = text;\n    content.appendChild(p);\n\n    if(img){\n      const image = document.createElement('img');\n      image.src = img;\n      image.alt = year;\n      content.appendChild(image);\n    }\n\n    step.appendChild(content);\n  });\n\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if(entry.isIntersecting){\n        entry.target.classList.add('active');\n      }\n    });\n  }, { threshold: 0.5 });\n\n  steps.forEach(step => observer.observe(step));\n});\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-ea19cb72 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<section class=\"join-section\">\n  <h2>VOUS SOUHAITEZ REJOINDRE<br>NOVATICE TECHNOLOGIES ?<\/h2><br>\n  <div class=\"button-wrapper\">\n    <a href=\"https:\/\/preprod.novatice.com\/index.php\/rejoindre-notre-equipe\/\" class=\"apply-button\">Candidatez ici !<\/a>\n  <\/div>\n<\/section>\n\n<style>\n.join-section {\n  text-align: center;\n  padding: 80px 20px;\n  font-family: 'Poppins', sans-serif;\n}\n\n.join-section h2 {\n  font-size: 32pt;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #243E90;\n  margin-bottom: 40px;\n  line-height: 1.2;\n}\n\n.button-wrapper {\n  display: inline-block;\n}\n\n.apply-button {\n  display: inline-block;\n  padding: 14px 40px;\n  background-color: #FF4080;\n  color: #fff;\n  font-weight: 600;\n  font-size: 14pt;\n  border-radius: 50px;\n  text-decoration: none !important;\n  transition: background-color 0.3s ease;\n}\n\n.apply-button:hover,\n.apply-button:focus {\n  background-color: #e53770;\n}\n  \n@media (max-width: 768px) {\n  .join-section h2 {\n    font-size: 24pt;\n  }\n  \n  .apply-button {\n    font-size: 12pt;\n    padding: 12px 30px;\n  }\n}\n<\/style>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>QUI SOMMES-NOUS ? Novatice Technologies, \u00e9diteur de logiciel pour les collectivit\u00e9s, accompagne depuis plus de 20 ans les acteurs publics [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1042","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Qui sommes-nous<\/title>\n<meta name=\"description\" content=\"\u00c9diteur de solutions logicielles pour collectivit\u00e9s, Novatice Technologies accompagne la transition num\u00e9rique des acteurs publics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qui sommes-nous\" \/>\n<meta property=\"og:description\" content=\"\u00c9diteur de solutions logicielles pour collectivit\u00e9s, Novatice Technologies accompagne la transition num\u00e9rique des acteurs publics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/p\/Novatice-Technologies-61576737892959\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-27T13:57:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/bxim9ghygdaabticylqg-e1760600463408.webp\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/qui-sommes-nous\\\/\",\"url\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/qui-sommes-nous\\\/\",\"name\":\"Qui sommes-nous\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/qui-sommes-nous\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/qui-sommes-nous\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.novatice.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/bxim9ghygdaabticylqg-e1760600463408.webp\",\"datePublished\":\"2025-09-23T12:42:00+00:00\",\"dateModified\":\"2026-01-27T13:57:39+00:00\",\"description\":\"\u00c9diteur de solutions logicielles pour collectivit\u00e9s, Novatice Technologies accompagne la transition num\u00e9rique des acteurs publics.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/qui-sommes-nous\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/qui-sommes-nous\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/qui-sommes-nous\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.novatice.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/bxim9ghygdaabticylqg-e1760600463408.webp\",\"contentUrl\":\"https:\\\/\\\/www.novatice.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/bxim9ghygdaabticylqg-e1760600463408.webp\",\"width\":700,\"height\":384},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/qui-sommes-nous\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.novatice.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Qui sommes-nous ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.novatice.com\\\/#website\",\"url\":\"https:\\\/\\\/www.novatice.com\\\/\",\"name\":\"Novatice Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.novatice.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.novatice.com\\\/#organization\",\"name\":\"Novatice Technologies\",\"url\":\"https:\\\/\\\/www.novatice.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.novatice.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.novatice.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-ql23cg50jsojeppjktvm.webp\",\"contentUrl\":\"https:\\\/\\\/www.novatice.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-ql23cg50jsojeppjktvm.webp\",\"width\":805,\"height\":263,\"caption\":\"Novatice Technologies\"},\"image\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/p\\\/Novatice-Technologies-61576737892959\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/authwall?trk=bf&trkInfo=AQGCN4eUDKjo1gAAAZnnhI3Ae7PAPStEyWBTtwu62FgytWDmpUnGa7lctUgjEbpLb4ON8I1NDFKKKUDQ5wih2Hriu4bADVrlCotkGuAwq3Q9_OZq_5Z8g708twdCADH2HOVLAH8=&original_referer&sessionRedirect=httpswww.linkedin.comcompanynovaticeoriginalSubdomainfr\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Qui sommes-nous","description":"\u00c9diteur de solutions logicielles pour collectivit\u00e9s, Novatice Technologies accompagne la transition num\u00e9rique des acteurs publics.","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:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/","og_locale":"fr_FR","og_type":"article","og_title":"Qui sommes-nous","og_description":"\u00c9diteur de solutions logicielles pour collectivit\u00e9s, Novatice Technologies accompagne la transition num\u00e9rique des acteurs publics.","og_url":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/","article_publisher":"https:\/\/www.facebook.com\/p\/Novatice-Technologies-61576737892959\/","article_modified_time":"2026-01-27T13:57:39+00:00","og_image":[{"url":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/bxim9ghygdaabticylqg-e1760600463408.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/","url":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/","name":"Qui sommes-nous","isPartOf":{"@id":"https:\/\/www.novatice.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/#primaryimage"},"image":{"@id":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/#primaryimage"},"thumbnailUrl":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/bxim9ghygdaabticylqg-e1760600463408.webp","datePublished":"2025-09-23T12:42:00+00:00","dateModified":"2026-01-27T13:57:39+00:00","description":"\u00c9diteur de solutions logicielles pour collectivit\u00e9s, Novatice Technologies accompagne la transition num\u00e9rique des acteurs publics.","breadcrumb":{"@id":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/#primaryimage","url":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/bxim9ghygdaabticylqg-e1760600463408.webp","contentUrl":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/bxim9ghygdaabticylqg-e1760600463408.webp","width":700,"height":384},{"@type":"BreadcrumbList","@id":"https:\/\/www.novatice.com\/index.php\/qui-sommes-nous\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.novatice.com\/"},{"@type":"ListItem","position":2,"name":"Qui sommes-nous ?"}]},{"@type":"WebSite","@id":"https:\/\/www.novatice.com\/#website","url":"https:\/\/www.novatice.com\/","name":"Novatice Technologies","description":"","publisher":{"@id":"https:\/\/www.novatice.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.novatice.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.novatice.com\/#organization","name":"Novatice Technologies","url":"https:\/\/www.novatice.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.novatice.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/11\/cropped-ql23cg50jsojeppjktvm.webp","contentUrl":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/11\/cropped-ql23cg50jsojeppjktvm.webp","width":805,"height":263,"caption":"Novatice Technologies"},"image":{"@id":"https:\/\/www.novatice.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/p\/Novatice-Technologies-61576737892959\/","https:\/\/www.linkedin.com\/authwall?trk=bf&trkInfo=AQGCN4eUDKjo1gAAAZnnhI3Ae7PAPStEyWBTtwu62FgytWDmpUnGa7lctUgjEbpLb4ON8I1NDFKKKUDQ5wih2Hriu4bADVrlCotkGuAwq3Q9_OZq_5Z8g708twdCADH2HOVLAH8=&original_referer&sessionRedirect=httpswww.linkedin.comcompanynovaticeoriginalSubdomainfr"]}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin2008","author_link":"https:\/\/www.novatice.com\/index.php\/author\/admin2008\/"},"uagb_comment_info":0,"uagb_excerpt":"QUI SOMMES-NOUS ? Novatice Technologies, \u00e9diteur de logiciel pour les collectivit\u00e9s, accompagne depuis plus de 20 ans les acteurs publics [&hellip;]","_links":{"self":[{"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/pages\/1042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/comments?post=1042"}],"version-history":[{"count":20,"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/pages\/1042\/revisions"}],"predecessor-version":[{"id":3038,"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/pages\/1042\/revisions\/3038"}],"wp:attachment":[{"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/media?parent=1042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}