{"id":702,"date":"2025-09-17T07:57:01","date_gmt":"2025-09-17T07:57:01","guid":{"rendered":"http:\/\/preprod.novatice.com\/?page_id=702"},"modified":"2026-03-09T14:52:45","modified_gmt":"2026-03-09T14:52:45","slug":"vous-etes","status":"publish","type":"page","link":"https:\/\/www.novatice.com\/index.php\/vous-etes\/","title":{"rendered":"Vous \u00eates&#8230;"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-b921f69c alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<section class=\"custom-header-section\">\n  <h1>VOUS \u00caTES&#8230;<\/h1>\n\n  <!-- Fl\u00e8che juste en dessous du texte -->\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  <!-- Conteneur des bulles -->\n  <div class=\"bubbles-container\"><\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap');\n\n.custom-header-section {\n  position: relative;\n  text-align: center;\n  padding: 60px 20px 40px 20px;\n  background: linear-gradient(to bottom, #F5F7FF, #FFFFFF);\n  overflow: visible;\n  min-height: 200px;\n}\n\n.custom-header-section h1 {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 700;\n  font-size: 30pt;\n  color: #243E90;\n  margin: 0;\n}\n\n\/* Fl\u00e8che juste en dessous du texte *\/\n.arrow-container {\n  position: relative;\n  margin-top: 15px;\n  display: inline-block;\n  padding: 5px;\n  border-radius: 50%;\n  background: radial-gradient(circle at center bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 50%);\n}\n\n.arrow-container img {\n  display: inline-block;\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 l\u00e9g\u00e8rement plus visibles *\/\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<\/style>\n\n<script>\n\/\/ G\u00e9n\u00e9rer plusieurs bulles sur tous les supports\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\n    container.appendChild(bubble);\n  }\n});\n<\/script>\n<\/div><\/div>\n\n\n\n<div id=\"M\u00e9diath\u00e8que-biblioth\u00e8que\" class=\"wp-block-uagb-container uag-hide-tab uag-hide-mob uagb-block-f5f212ba alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div style=\"\n    font-family: 'Poppins', sans-serif; \n    color: #243E90; \n    max-width: 1200px; \n    margin: 40px auto; \n    text-align: left;\n\">\n\n    <!-- Titre principal -->\n    <h2 style=\"font-weight: 700; color: #243E90; font-size: 30px; margin-bottom: 0.5em; text-transform: uppercase;\">\n        UNE M\u00c9DIATH\u00c8QUE OU UNE BIBLIOTH\u00c8QUE\n    <\/h2>\n\n    <!-- Sous-titre -->\n    <p style=\"font-weight: 400; color: #6C89D9; font-size: 18px; margin-top: 0; margin-bottom: 1.5em;\">\n        Offrez un acc\u00e8s num\u00e9rique libre, s\u00e9curis\u00e9 et adapt\u00e9 \u00e0 tous les publics.\n    <\/p>\n\n    <!-- Lien vers les articles align\u00e9 \u00e0 gauche -->\n    <div class=\"bloc-mediatheque__buttons\" style=\"margin-bottom: 2em;\">\n        <a href=\"https:\/\/www.novatice.com\/index.php\/category\/culture\/\" target=\"_blank\"\n            class=\"btn-rose-mediatheque\">\n            D\u00e9couvrir nos articles d\u00e9di\u00e9s\n        <\/a>\n    <\/div>\n\n    <!-- Section deux colonnes -->\n    <div style=\"display: flex; flex-wrap: wrap; gap: 2em; align-items: flex-start;\">\n\n        <!-- Colonne gauche -->\n        <div style=\"flex: 1 1 40%; position: relative; left: -20px; animation: levitation 3s ease-in-out infinite;\">\n            <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/ikr4e9cyljnati5xbg4o.webp\" \n                 alt=\"Solution dsi \u00e9lus m\u00e9diath\u00e8ques \u00e9coles collectivit\u00e9s\" \n                 style=\"width: 100%; height: auto; display: block;\">\n        <\/div>\n\n        <!-- Colonne droite -->\n        <div style=\"\n            flex: 1 1 55%;\n            background: #f9f9ff; \n            padding: 30px; \n            border-radius: 20px;\n            box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n        \">\n            <h3 style=\"font-weight: 700; text-transform: uppercase; color: #243E90; font-size: 22px; margin-bottom: 1em;\">\n                MISE EN SITUATION\n            <\/h3>\n\n            <ul style=\"list-style: none; padding-left: 0; color: #243E90; line-height: 1.8em; font-size: 16px;\">\n\n                <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n                    <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n                    <span>Une m\u00e9diath\u00e8que met des postes informatiques en libre acc\u00e8s pour le public.<\/span>\n                <\/li>\n\n                <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n                    <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n                    <span>Les agents doivent r\u00e9guli\u00e8rement nettoyer les postes (historique, fichiers), v\u00e9rifier les param\u00e8tres syst\u00e8me et emp\u00eacher l\u2019acc\u00e8s \u00e0 des contenus inadapt\u00e9s.<\/span>\n                <\/li>\n\n                <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n                    <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n                    <span>Cette gestion mobilise du temps et peut g\u00e9n\u00e9rer des risques de s\u00e9curit\u00e9.<\/span>\n                <\/li>\n\n            <\/ul>\n                \n            <div style=\"margin-top: 2em;\"><\/div>\n\n            <h3 style=\"font-weight: 700; color: #243E90; font-size: 22px; margin-bottom: 1em; text-transform: uppercase;\">\n                SOLUTION ET B\u00c9N\u00c9FICES AVEC NOVATICE NEOS\n            <\/h3>\n\n            <ul style=\"list-style: none; padding-left: 0; color: #243E90; line-height: 1.8em; font-size: 16px;\">\n\n                <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n                    <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n                    <span>Novatice automatise la s\u00e9curisation des postes gr\u00e2ce au filtrage web intelligent, au verrouillage du syst\u00e8me et \u00e0 la r\u00e9initialisation automatique des sessions.<\/span>\n                <\/li>\n\n                <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n                    <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n                    <span>R\u00e9sultat : suppression du nettoyage manuel et r\u00e9duction des interventions techniques.<\/span>\n                <\/li>\n\n                <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n                    <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n                    <span>Environnement num\u00e9rique s\u00e9curis\u00e9 et conforme RGPD.<\/span>\n                <\/li>\n\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <!-- Image + vid\u00e9o (tout en bas) -->\n    <div style=\"margin-top: 60px; text-align: center;\">\n        <div id=\"videoThumbnail\" onclick=\"loadVideo()\" style=\"max-width: 800px; margin: 0 auto; cursor: pointer; position: relative;\">\n            <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jdpmxwaoqsd9gpmiekjj.webp\" \n                 alt=\"Voir la vid\u00e9o de d\u00e9monstration solution dsi \u00e9lus m\u00e9diath\u00e8ques \u00e9coles collectivit\u00e9s\" \n                 style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); transition: transform 0.3s ease;\">\n            <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,64,128,0.9); border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;\">\n                <span style=\"color: white; font-size: 36px;\">\u25b6<\/span>\n            <\/div>\n        <\/div>\n\n        <div id=\"videoContainer\" style=\"display: none; margin-top: 40px;\">\n            <iframe id=\"videoFrame\" width=\"800\" height=\"450\" src=\"\" frameborder=\"0\" allowfullscreen\n                style=\"border-radius: 15px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);\"><\/iframe>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n@keyframes levitation {\n    0% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n    100% { transform: translateY(0); }\n}\n\n#videoThumbnail:hover img {\n    transform: scale(1.02);\n}\n\n.bloc-mediatheque__buttons {\n    display: flex;\n    justify-content: flex-start;\n}\n\n.btn-rose-mediatheque {\n    background-color: #FF4080;\n    color: #fff !important;\n    text-decoration: none !important;\n    padding: 12px 24px;\n    border-radius: 25px;\n    font-family: 'Poppins', sans-serif;\n    font-weight: 600;\n    transition: background-color 0.3s ease;\n    border: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    display: inline-block;\n}\n\n.btn-rose-mediatheque:hover,\n.btn-rose-mediatheque:focus,\n.btn-rose-mediatheque:active,\n.btn-rose-mediatheque:visited {\n    text-decoration: none !important;\n    border: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n}\n\n.btn-rose-mediatheque:hover {\n    background-color: #e5376e;\n}\n\n@media (max-width: 768px) {\n    .bloc-mediatheque__buttons {\n        justify-content: center !important;\n    }\n}\n<\/style>\n\n<script>\nfunction loadVideo() {\n    const thumb = document.getElementById('videoThumbnail');\n    const container = document.getElementById('videoContainer');\n    const frame = document.getElementById('videoFrame');\n    \n    thumb.style.display = \"none\";\n    container.style.display = \"block\";\n    frame.src = \"https:\/\/www.youtube.com\/embed\/RNHXiMcA_XY?autoplay=1\";\n    container.scrollIntoView({ behavior: \"smooth\" });\n}\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uag-hide-tab uag-hide-mob uagb-block-00c8c90c alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<h2 class=\"logo-title\">Compatibilit\u00e9 SIGB<\/h2>\n\n<div class=\"logo-slider-wrapper\">\n  <div class=\"logo-slider-full\">\n    <div class=\"logo-track\" id=\"logoTrack\">\n\n      <a href=\"https:\/\/www.axiell.com\/fr\/solutions\/product\/v-smart\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/axiell-logo-3-v-smart-min.png\" alt=\"v smart\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/c3rb.com\/fr\/sigb-orphee-nx\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/c3rb-logo-min.png\" alt=\"c3rb\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/www.microsoft.com\/fr-fr\/security\/business\/identity-access\/microsoft-entra-id\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/Entra-ID-min.png\" alt=\"entra ID\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/www.iii.com\/produits\/sierra\/?lang=fr\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/Innovative-logo-sierra-min.png\" alt=\"SIERRA\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/lemonldap-ng.org\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/llng_opengraph-min-e1764842393574.png\" alt=\"lemonldap\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/www.decalog.net\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/logo-decalog2-min-e1764842410945.png\" alt=\"decalog\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/www.openldap.org\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/logo-openldap-min.png\" alt=\"openldap\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/www.syrtis.fr\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/logo-syrtis-sid-min-e1764842428416.png\" alt=\"Syrtis\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/www.nanook-sigb.fr\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/nanook-800-128-min-e1764842447457.png\" alt=\"nanook\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/www.sigb.net\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/section220-min-e1764842462985.png\" alt=\"PMB\" loading=\"lazy\">\n      <\/a>\n\n      <a href=\"https:\/\/www.archimed.fr\/syracuse.aspx\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/syracuse-min.png\" alt=\"Syracuse\" loading=\"lazy\">\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* TITRE *\/\n.logo-title {\n  text-align: center;\n  font-size: 28px;\n  font-weight: 600;\n  margin-bottom: 20px;\n}\n\n\/* SLIDER *\/\n.logo-slider-wrapper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);\n}\n\n.logo-slider-full {\n  width: 100%;\n  background: #fff;\n  padding: 20px 0;\n}\n\n\/* la piste (contient les logos, on la dupliquera en JS) *\/\n.logo-track {\n  display: flex;\n  gap: 30px;\n  width: max-content; \/* prend la largeur du contenu *\/\n  align-items: center;\n  will-change: transform;\n}\n\n\/* liens \/ logos *\/\n.logo-track a {\n  display: flex;\n  align-items: center;\n  transition: transform 0.25s;\n  text-decoration: none;\n}\n\n.logo-track a:hover {\n  transform: scale(1.08);\n}\n\n.logo-track img {\n  width: 130px;\n  height: auto;\n  object-fit: contain;\n  flex-shrink: 0;\n  display: block;\n}\n\n\/* petite adaptation responsive *\/\n@media (max-width: 600px) {\n  .logo-track img { width: 90px; }\n  .logo-title { font-size: 20px; }\n}\n<\/style>\n\n<script>\n(function() {\n  const track = document.getElementById('logoTrack');\n\n  \/\/ R\u00e9glages\n  const speed = 1.0; \/\/ px par frame (ajuste la vitesse)\n  let pos = 0;\n  let running = true;\n  let halfWidth = 0;\n\n  \/\/ Dupliquer les enfants dans la m\u00eame piste pour une boucle fluide\n  \/\/ (on clone tous les enfants et les ajoute \u00e0 la fin)\n  function duplicateItems() {\n    const children = Array.from(track.children);\n    children.forEach(child => {\n      const clone = child.cloneNode(true);\n      track.appendChild(clone);\n    });\n  }\n\n  \/\/ Calculer la largeur \"utile\" (la moiti\u00e9 du contenu total apr\u00e8s duplication)\n  function calculateWidths() {\n    \/\/ force reflow si images non charg\u00e9es\n    halfWidth = track.scrollWidth \/ 2;\n  }\n\n  \/\/ Boucle d'animation\n  function animate() {\n    if (!running) return;\n    pos -= speed;\n\n    \/\/ quand on atteint la moiti\u00e9 (la longueur d'origine), on revient \u00e0 0 sans saut visible\n    if (pos <= -halfWidth) {\n      pos = 0;\n    }\n\n    track.style.transform = `translateX(${pos}px)`;\n    requestAnimationFrame(animate);\n  }\n\n  \/\/ Pause au survol\n  const wrapper = track.parentElement;\n  wrapper.addEventListener('mouseenter', () => { running = false; });\n  wrapper.addEventListener('mouseleave', () => {\n    if (!running) {\n      running = true;\n      requestAnimationFrame(animate);\n    }\n  });\n\n  \/\/ Ex\u00e9cute apr\u00e8s que tout soit charg\u00e9 pour s'assurer des bonnes largeur (images)\n  function init() {\n    duplicateItems();\n    calculateWidths();\n\n    \/\/ Si les images peuvent encore charger (lazy), recalculer apr\u00e8s chargement d'image\n    const imgs = track.querySelectorAll('img');\n    let loaded = 0;\n    imgs.forEach(img => {\n      if (img.complete) {\n        loaded++;\n      } else {\n        img.addEventListener('load', () => {\n          loaded++;\n          if (loaded === imgs.length) {\n            calculateWidths();\n          }\n        }, { once: true });\n      }\n    });\n\n    \/\/ d\u00e9marre l'animation\n    requestAnimationFrame(animate);\n  }\n\n  \/\/ Si le DOM est d\u00e9j\u00e0 ready, lance tout de suite ; sinon au load\n  if (document.readyState === 'complete' || document.readyState === 'interactive') {\n    \/\/ petit d\u00e9lai pour laisser le navigateur charger les images lazy\n    setTimeout(init, 50);\n  } else {\n    window.addEventListener('load', init);\n  }\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div id=\"CCAS-structure-sociale\" class=\"wp-block-uagb-container uag-hide-tab uag-hide-mob uagb-block-82cc7d93 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-tab uag-hide-mob\"><\/div>\n\n\n\n<div style=\"\n    font-family: 'Poppins', sans-serif; \n    color: #243E90; \n    max-width: 1200px; \n    margin: 40px auto; \n    text-align: left;\n\">\n\n  <!-- TITRE \/ SOUS-TITRE -->\n  <h2 style=\"font-weight:700; font-size:30px; margin:0 0 0.5em; text-transform: uppercase;\">\n    UN CCAS OU UNE STRUCTURE SOCIALE\n  <\/h2>\n  <p style=\"font-weight:400; color:#6C89D9; font-size:18px; margin:0 0 2em;\">\n    L\u2019inclusion num\u00e9rique commence par un environnement simple, s\u00fbr et digne.\n  <\/p>\n\n  <!-- BOUTON -->\n  <div style=\"display: flex; flex-wrap: wrap; gap: 1em; margin-bottom: 2em;\">\n    <a href=\"https:\/\/www.novatice.com\/index.php\/category\/collectivites\/\" style=\"\n        background-color: #FF4F8B;\n        color: white;\n        text-decoration: none;\n        border-radius: 50px;\n        padding: 12px 28px;\n        font-size: 16px;\n        font-weight: 600;\n        display: inline-block;\n        transition: background 0.3s;\n    \">\n      D\u00e9couvrir nos articles d\u00e9di\u00e9s\n    <\/a>\n  <\/div>\n\n  <!-- LIGNE HAUT -->\n  <div style=\"\n       display:flex;\n       flex-wrap:wrap;\n       justify-content:space-between;\n       align-items:flex-start;\n       gap:2em;\n       margin-bottom:2em;\n     \">\n\n    <!-- Colonne gauche -->\n    <div style=\"\n        flex:1 1 45%; \n        display:flex; \n        flex-direction:column; \n        justify-content:flex-start; \n        margin-top:80px; \n        background: #f9f9ff; \n        padding: 30px; \n        border-radius: 20px; \n        box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n    \">\n      <h3 style=\"font-weight:700; text-transform:uppercase; font-size:22px; margin-bottom:1em;\">\n        MISE EN SITUATION\n      <\/h3>\n\n      <ul style=\"list-style:none; padding-left:0; line-height:1.8em; font-size:16px;\">\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Un CCAS accueille des usagers pour r\u00e9aliser des d\u00e9marches en ligne li\u00e9es \u00e0 l\u2019emploi, la sant\u00e9 ou aux prestations sociales.<\/span>\n        <\/li>\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Les informations manipul\u00e9es sont sensibles (identifiants, documents personnels, formulaires officiels).<\/span>\n        <\/li>\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Il est n\u00e9cessaire de garantir la confidentialit\u00e9 des donn\u00e9es.<\/span>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n\n    <!-- Image droite -->\n    <div style=\"flex:1 1 45%; position:relative; overflow:visible;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/urb3rsoblfyczodk2wbp.webp\"\n           alt=\"Solution CCAS Novatice NEOS\"\n           style=\"width:115%; max-width:none; height:auto; position:relative; top:0; animation: levitation 3s ease-in-out infinite;\">\n    <\/div>\n  <\/div>\n\n  <!-- LIGNE BAS -->\n  <div style=\"\n       display:flex;\n       flex-wrap:wrap;\n       justify-content:space-between;\n       align-items:flex-start;\n       gap:2em;\n     \">\n\n    <!-- Colonne gauche -->\n    <div style=\"flex:1 1 45%; display:flex; justify-content:center; align-items:flex-start;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/zh1r9dmyc8vuvm661fi8.webp\"\n           alt=\"Interface usagers Novatice NEOS\"\n           style=\"width:50%; height:auto; border-radius:40px; display:inline-block; margin-top:-40px; animation: levitation 3s ease-in-out infinite;\">\n    <\/div>\n\n    <!-- Colonne droite -->\n    <div style=\"\n        flex:1 1 45%; \n        background: #f9f9ff; \n        padding: 30px; \n        border-radius: 20px; \n        box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n    \">\n      <h3 style=\"font-weight:700; font-size:22px; margin-bottom:1em; text-transform: uppercase;\">\n        SOLUTION ET B\u00c9N\u00c9FICES AVEC NOVATICE NEOS\n      <\/h3>\n\n      <ul style=\"list-style:none; padding-left:0; line-height:1.8em; font-size:16px;\">\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Novatice NEOS s\u00e9curise l\u2019accompagnement num\u00e9rique gr\u00e2ce \u00e0 l\u2019effacement automatique des donn\u00e9es apr\u00e8s chaque session.<\/span>\n        <\/li>\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Gestion diff\u00e9r\u00e9e des impressions et interface simplifi\u00e9e pour l\u2019aide aux d\u00e9marches.<\/span>\n        <\/li>\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Protection des donn\u00e9es personnelles et conformit\u00e9 r\u00e9glementaire<\/span>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<div style=\"height:49px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-tab uag-hide-mob\"><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-tab uag-hide-mob\"><\/div>\n\n\n\n<div id=\"EPN\" class=\"wp-block-uagb-container uag-hide-tab uag-hide-mob uagb-block-49a02876 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"bloc-epn\" style=\"font-family: 'Poppins', sans-serif; color: #243E90; max-width: 1200px; margin: 40px auto; text-align: left;\">\n\n  <!-- TITRE \/ SOUS-TITRE -->\n  <h2 style=\"font-weight:700; font-size:30px; margin:0 0 0.5em;\">\n    UN ESPACE PUBLIC NUM\u00c9RIQUE (EPN)\n  <\/h2>\n  <p style=\"font-weight:400; color:#6C89D9; font-size:18px; margin:0 0 2em;\">\n    Une plateforme de confiance pour vos ateliers, vos usagers libres et vos m\u00e9diateurs.\n  <\/p>\n\n  <!-- Lien articles align\u00e9 \u00e0 gauche -->\n  <div class=\"bloc-epn__buttons\">\n    <a href=\"https:\/\/www.novatice.com\/index.php\/category\/collectivites\/\" class=\"btn-rose-epn\">\n      D\u00e9couvrir nos articles d\u00e9di\u00e9s\n    <\/a>\n  <\/div>\n\n  <!-- LIGNE HAUT -->\n  <div style=\"\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:space-between;\n    align-items:flex-start;\n    gap:2em;\n    margin-bottom:2em;\n  \">\n    <!-- Colonne gauche -->\n    <div style=\"\n      flex:1 1 45%; \n      display:flex; \n      flex-direction:column; \n      justify-content:flex-start; \n      margin-top:80px; \n      background: #f9f9ff; \n      padding: 30px; \n      border-radius: 20px; \n      box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n    \">\n      <h3 style=\"font-weight:700; text-transform:uppercase; font-size:22px; margin-bottom:1em;\">\n        MISE EN SITUATION\n      <\/h3>\n\n      <ul style=\"list-style:none; padding-left:0; line-height:1.8em; font-size:16px;\">\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Un espace public num\u00e9rique met \u00e0 disposition des postes et organise des ateliers pour le public.<\/span>\n        <\/li>\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>La gestion manuelle des r\u00e9servations peut entra\u00eener des cr\u00e9neaux mal utilis\u00e9s, des absences et des difficult\u00e9s \u00e0 suivre la fr\u00e9quentation.<\/span>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n\n    <!-- Colonne droite -->\n    <div style=\"flex:1 1 45%; position:relative; overflow:visible;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/aijc4ptwghbnfkctwksx.webp\"\n           alt=\"Interface m\u00e9diateur Novatice EPN\"\n           style=\"width:40%; max-width:none; height:auto; position:relative; margin-left:25%; margin-right:auto; margin-top:20px; animation: levitation 3s ease-in-out infinite;\">\n    <\/div>\n  <\/div>\n\n  <!-- LIGNE BAS -->\n  <div style=\"\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:space-between;\n    align-items:flex-start;\n    gap:2em;\n  \">\n    <!-- Image gauche -->\n    <div style=\"flex:1 1 45%; display:flex; justify-content:flex-start; align-items:flex-start;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/tifynminjgsglq7exoef.webp\"\n           alt=\"Solution EPN Novatice NEOS\"\n           style=\"width:100%; height:auto; border-radius:40px; display:inline-block; position:relative; left:-10%; margin-top:-10px; animation: levitation 3s ease-in-out infinite;\">\n    <\/div>\n\n    <!-- Texte droite -->\n    <div style=\"\n      flex:1 1 45%; \n      background: #f9f9ff; \n      padding: 30px; \n      border-radius: 20px; \n      box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n    \">\n      <h3 style=\"font-weight:700; font-size:22px; margin-bottom:1em;\">\n        SOLUTION ET B\u00c9N\u00c9FICES AVEC NOVATICE NEOS\n      <\/h3>\n\n      <ul style=\"list-style:none; padding-left:0; line-height:1.8em; font-size:16px;\">\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Novatice facilite la gestion de l\u2019EPN avec la r\u00e9servation en ligne ou sur place.<\/span>\n        <\/li>\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Notifications automatiques, limitation de dur\u00e9e des sessions et tableau de bord d\u2019activit\u00e9.<\/span>\n        <\/li>\n\n        <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n          <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n          <span>Organisation simplifi\u00e9e, meilleur taux de pr\u00e9sence et pilotage statistique des usages.<\/span>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- IMAGE + VID\u00c9O tout en bas -->\n  <div style=\"margin-top: 60px; text-align: center;\">\n    <div id=\"videoThumbnailEpn\" onclick=\"loadEpnVideo()\" style=\"max-width: 800px; margin: 0 auto; cursor: pointer; position: relative;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/y6xyajibtts8jp1fzhgh.webp\" \n           alt=\"Solution dsi \u00e9lus m\u00e9diath\u00e8ques \u00e9coles collectivit\u00e9s\" \n           style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); transition: transform 0.3s ease;\">\n      <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,79,139,0.9); border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;\">\n        <span style=\"color: white; font-size: 36px;\">\u25b6<\/span>\n      <\/div>\n    <\/div>\n\n    <div id=\"videoContainerEpn\" style=\"display: none; margin-top: 40px;\">\n      <iframe id=\"epnVideoFrame\" width=\"800\" height=\"450\" src=\"\" frameborder=\"0\" allowfullscreen\n          style=\"border-radius: 15px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes levitation {\n  0% { transform: translateY(0); }\n  50% { transform: translateY(-5px); }\n  100% { transform: translateY(0); }\n}\n\n.bloc-epn__buttons {\n  display: flex !important;\n  justify-content: flex-start !important;\n  width: 100%;\n  margin-bottom: 2em;\n}\n\n@media (max-width: 768px) {\n  .bloc-epn__buttons {\n    justify-content: center !important;\n  }\n}\n\n.btn-rose-epn {\n  background-color: #FF4F8B;\n  color: white;\n  border: none;\n  border-radius: 50px;\n  padding: 12px 28px;\n  font-size: 16px;\n  font-weight: 600;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.3s;\n  display: inline-block;\n}\n\n.btn-rose-epn:hover {\n  background-color: #e0437b;\n}\n\n#videoThumbnailEpn:hover img {\n  transform: scale(1.02);\n}\n<\/style>\n\n<script>\nfunction loadEpnVideo() {\n  const thumb = document.getElementById('videoThumbnailEpn');\n  const container = document.getElementById('videoContainerEpn');\n  const frame = document.getElementById('epnVideoFrame');\n\n  thumb.style.display = \"none\";\n  container.style.display = \"block\";\n  frame.src = \"https:\/\/www.youtube.com\/embed\/CM8ylmmSd7o?autoplay=1\";\n  container.scrollIntoView({ behavior: \"smooth\" });\n}\n<\/script>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-tab uag-hide-mob\"><\/div>\n<\/div><\/div>\n\n\n\n<div id=\"ecoles\" class=\"wp-block-uagb-container uag-hide-tab uag-hide-mob uagb-block-8cf8c2b1 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-tab uag-hide-mob\"><\/div>\n\n\n\n<div style=\"font-family: 'Poppins', sans-serif; color:#243E90; max-width:1200px; margin:0 auto; text-align:left;\">\n\n  <!-- TITRE \/ SOUS-TITRE -->\n  <h2 style=\"font-weight:700; font-size:30px; margin:0 0 0.5em;\">\n    UN \u00c9TABLISSEMENT SCOLAIRE\n  <\/h2>\n  <p style=\"font-weight:400; color:#6C89D9; font-size:18px; margin:0 0 2em;\">\n    Encadrez l\u2019acc\u00e8s aux postes publics dans un cadre s\u00e9curis\u00e9 et conforme.\n  <\/p>\n\n  <!-- BOUTON -->\n  <div class=\"bloc-educ__buttons\" style=\"display:flex; justify-content:flex-start; gap:15px; margin-bottom:2em; flex-wrap:wrap;\">\n      <a href=\"https:\/\/www.novatice.com\/index.php\/category\/education\/\" target=\"_blank\" class=\"btn-educ\">\n          D\u00e9couvrir nos articles d\u00e9di\u00e9s\n      <\/a>\n  <\/div>\n\n  <div style=\"display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:2em;\">\n\n    <!-- Colonne gauche -->\n    <div style=\"flex:1 1 55%;\">\n      <div style=\"\n           background:#f9f9ff;\n           padding:30px;\n           border-radius:20px;\n           box-shadow:0 12px 24px rgba(0,0,0,0.12);\n           display:flex;\n           flex-direction:column;\n           gap:2.5em;\n         \">\n\n        <!-- ORGANISER L\u2019USAGE D\u2019UNE SALLE INFORMATIQUE SCOLAIRE -->\n        <div>\n          <h3 style=\"font-weight:700; text-transform:uppercase; font-size:22px; margin-bottom:1em;\">\n            MISE EN SITUATION \n          <\/h3>\n\n          <ul style=\"list-style:none; padding-left:0; line-height:1.8em; font-size:16px;\">\n\n            <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n              <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n              <span>Un \u00e9tablissement scolaire utilise une salle informatique pour les cours num\u00e9riques.<\/span>\n            <\/li>\n\n            <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n              <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n              <span>L\u2019enseignant doit surveiller plusieurs \u00e9crans simultan\u00e9ment, limiter les distractions en ligne et s\u00e9curiser les travaux des \u00e9l\u00e8ves.<\/span>\n            <\/li>\n\n          <\/ul>\n        <\/div>\n\n        <!-- OPTIMISER LA GESTION P\u00c9DAGOGIQUE AVEC NOVATICE -->\n        <div>\n          <h3 style=\"font-weight:700; font-size:22px; margin-bottom:1em;\">\n            SOLUTION ET B\u00c9N\u00c9FICES AVEC NOVATICE NEOS\n          <\/h3>\n\n          <ul style=\"list-style:none; padding-left:0; line-height:1.8em; font-size:16px;\">\n\n            <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n              <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n              <span>Novatice permet la supervision des postes \u00e9l\u00e8ves en temps r\u00e9el.<\/span>\n            <\/li>\n\n            <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n              <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n              <span>Blocage ou d\u00e9blocage d\u2019Internet \u00e0 distance et adaptation des profils utilisateurs au niveau scolaire.<\/span>\n            <\/li>\n\n            <li style=\"display:flex; align-items:flex-start; gap:8px;\">\n              <span style=\"color:#6CCED9; flex-shrink:0;\">&#9656;<\/span>\n              <span>Sauvegarde automatique des travaux, meilleure concentration des \u00e9l\u00e8ves et gestion p\u00e9dagogique simplifi\u00e9e.<\/span>\n            <\/li>\n\n          <\/ul>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Colonne droite -->\n    <div style=\"flex:1 1 40%; display:flex; justify-content:flex-end; align-items:flex-start; overflow:visible;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/yeejhdec7lgx7n0rfa69.webp\"\n           alt=\"Solution \u00e9tablissements scolaires Novatice NEOS\"\n           style=\"width:120%; max-width:none; height:auto; border-radius:40px; position:relative; right:-5%; margin-top:-20px; animation: levitation 3s ease-in-out infinite;\">\n    <\/div>\n\n  <\/div>\n\n  <!-- IMAGE + VID\u00c9O -->\n  <div style=\"margin-top: 60px; text-align: center;\">\n      <div id=\"videoThumbnailEdu\" onclick=\"loadEduVideo()\" style=\"max-width: 800px; margin: 0 auto; cursor: pointer; position: relative;\">\n          <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/diviastjposiijgsobk2.webp\" \n               alt=\"Voir la vid\u00e9o \u00c9ducation\" \n               style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); transition: transform 0.3s ease;\">\n          <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,64,128,0.9); border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;\">\n              <span style=\"color: white; font-size: 36px;\">\u25b6<\/span>\n          <\/div>\n      <\/div>\n\n      <div id=\"videoContainerEdu\" style=\"display: none; margin-top: 40px;\">\n          <iframe id=\"videoFrameEdu\" width=\"800\" height=\"450\" src=\"\" frameborder=\"0\" allowfullscreen\n              style=\"border-radius: 15px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);\"><\/iframe>\n      <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes levitation {\n    0% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n    100% { transform: translateY(0); }\n}\n\n.btn-educ {\n    background-color: #FF4080;\n    color: #fff;\n    text-decoration: none;\n    padding: 12px 20px;\n    border-radius: 25px;\n    font-family: 'Poppins', sans-serif;\n    font-weight: 600;\n    border: none;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n}\n\n.btn-educ:hover {\n    background-color: #e5376e;\n}\n\n#videoThumbnailEdu:hover img {\n    transform: scale(1.02);\n}\n\n@media (max-width: 768px) {\n  .bloc-educ__buttons {\n    justify-content: center !important;\n  }\n}\n<\/style>\n\n<script>\nfunction loadEduVideo() {\n    const thumb = document.getElementById('videoThumbnailEdu');\n    const container = document.getElementById('videoContainerEdu');\n    const frame = document.getElementById('videoFrameEdu');\n\n    thumb.style.display = \"none\";\n    container.style.display = \"block\";\n    frame.src = \"https:\/\/www.youtube.com\/embed\/CM8ylmmSd7o?autoplay=1\";\n    container.scrollIntoView({ behavior: \"smooth\" });\n}\n<\/script>\n\n\n\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-tab uag-hide-mob\"><\/div>\n<\/div><\/div>\n\n\n\n<div id=\"Mediatheque-bibliotheque-mobile\" class=\"wp-block-uagb-container uag-hide-desktop uagb-block-7cf4fa98 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"bloc-biblio\">\n\n  <!-- Image + titre en superposition -->\n  <div class=\"bloc-biblio__image-wrapper\">\n    <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/ikr4e9cyljnati5xbg4o.webp\" \n         alt=\"Image m\u00e9diath\u00e8que\">\n    <div class=\"bloc-biblio__title-overlay\">\n      Une m\u00e9diath\u00e8que ou une biblioth\u00e8que ?\n    <\/div>\n  <\/div>\n\n  <p class=\"bloc-biblio__subtitle\">\n    Offrez un acc\u00e8s num\u00e9rique libre, s\u00e9curis\u00e9 et adapt\u00e9 \u00e0 tous les publics.\n  <\/p>\n\n  <!-- Bouton centr\u00e9 -->\n  <div class=\"bloc-biblio__buttons\">\n    <a href=\"https:\/\/www.novatice.com\/index.php\/category\/culture\/\" \n       target=\"_blank\" class=\"btn-biblio\">\n       D\u00e9couvrir nos articles d\u00e9di\u00e9s\n    <\/a>\n  <\/div>\n\n  <!-- Bloc texte -->\n  <div class=\"bloc-biblio__content\">\n    <div class=\"bloc-biblio__text-wrapper\">\n      <div class=\"bloc-biblio__text\">\n        <h3>MISE EN SITUATION<\/h3><br>\n        <ul>\n          <li><span class=\"arrow\">\u203a<\/span><p>Une m\u00e9diath\u00e8que met des postes informatiques en libre acc\u00e8s pour le public.<\/p><\/li>\n          <li><span class=\"arrow\">\u203a<\/span><p>Les agents doivent r\u00e9guli\u00e8rement nettoyer les postes (historique, fichiers), v\u00e9rifier les param\u00e8tres syst\u00e8me et emp\u00eacher l\u2019acc\u00e8s \u00e0 des contenus inadapt\u00e9s.<\/p><\/li>\n          <li><span class=\"arrow\">\u203a<\/span><p>Cette gestion mobilise du temps et peut g\u00e9n\u00e9rer des risques de s\u00e9curit\u00e9.<\/p><\/li>\n        <\/ul>\n\n        <h3>SOLUTION ET B\u00c9N\u00c9FICES AVEC NOVATICE NEOS<\/h3><br>\n        <ul>\n          <li><span class=\"arrow\">\u203a<\/span><p>Novatice automatise la s\u00e9curisation des postes gr\u00e2ce au filtrage web intelligent, au verrouillage du syst\u00e8me et \u00e0 la r\u00e9initialisation automatique des sessions.<\/p><\/li>\n          <li><span class=\"arrow\">\u203a<\/span><p>\nR\u00e9sultat : suppression du nettoyage manuel et r\u00e9duction des interventions techniques.<\/p><\/li>\n          <li><span class=\"arrow\">\u203a<\/span><p>Environnement num\u00e9rique s\u00e9curis\u00e9 et conforme RGPD.<\/p><\/li>\n         \n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- IMAGE + VID\u00c9O tout en bas -->\n  <div style=\"margin-top: 60px; text-align: center;\">\n    <!-- Image d\u2019aper\u00e7u (vignette biblioth\u00e8que) -->\n    <div id=\"videoThumbnailBiblio\" onclick=\"loadBiblioVideo()\" style=\"max-width: 800px; margin: 0 auto; cursor: pointer; position: relative;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jdpmxwaoqsd9gpmiekjj.webp\" \n           alt=\"Voir la vid\u00e9o biblioth\u00e8que\" \n           style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); transition: transform 0.3s ease;\">\n      <!-- Ic\u00f4ne play -->\n      <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,79,139,0.9); border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;\">\n        <span style=\"color: white; font-size: 36px;\">\u25b6<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Conteneur vid\u00e9o -->\n    <div id=\"videoContainerBiblio\" style=\"display: none; margin-top: 40px;\">\n      <iframe id=\"biblioVideoFrame\" width=\"800\" height=\"450\" src=\"\" frameborder=\"0\" allowfullscreen\n          style=\"border-radius: 15px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);\"><\/iframe>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ---------- Conteneur global ---------- *\/\n.bloc-biblio {\n  font-family: 'Poppins', sans-serif;\n  color: #243E90;\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: left;\n  padding: 0 20px;\n}\n\n\/* ---------- Image + titre ---------- *\/\n.bloc-biblio__image-wrapper {\n  position: relative;\n  margin-bottom: 2em;\n}\n\n.bloc-biblio__image-wrapper img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 6px;\n}\n\n.bloc-biblio__title-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(69,152,211,0.8);\n  color: #fff;\n  font-size: 22px;\n  font-weight: 700;\n  text-align: center;\n  padding: 12px 25px;\n  border-radius: 20px;\n  width: 90%;\n  max-width: 1100px;\n  line-height: 1.2em;\n}\n\n\/* ---------- Sous-titre ---------- *\/\n.bloc-biblio__subtitle {\n  font-weight: 400;\n  color: #4598D3;\n  font-size: 18px;\n  margin-top: 0;\n  margin-bottom: 1.5em;\n  text-align: center;\n}\n\n\/* ---------- Boutons ---------- *\/\n.bloc-biblio__buttons {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 15px;\n  margin-bottom: 2em;\n}\n\n.btn-biblio {\n  background-color: #FF4080;\n  color: #fff;\n  text-decoration: none;\n  padding: 12px 20px;\n  border-radius: 25px;\n  font-weight: 600;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n.btn-biblio:hover {\n  background-color: #e5376e;\n}\n\n\/* ---------- Bloc texte ---------- *\/\n.bloc-biblio__text-wrapper {\n  flex: 1 1 55%;\n  background: #f9f9ff;\n  padding: 30px;\n  border-radius: 20px;\n  box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n}\n\n.bloc-biblio__text h3 {\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #4598D3;\n  font-size: 22px;\n  margin-top: 1.5em;\n  margin-bottom: 1em;\n}\n\n.bloc-biblio__text ul {\n  list-style: none;\n  padding-left: 0;\n  margin: 0;\n}\n\n.bloc-biblio__text li {\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 0.8em;\n}\n\n.bloc-biblio__text li .arrow {\n  color: #4598D3;       \n  font-weight: bold;\n  flex: 0 0 20px;\n  text-align: center;\n  margin-right: 6px;\n  font-size: 18px;\n}\n\n.bloc-biblio__text li p {\n  margin: 0;\n  text-align: left;\n  flex: 1;\n  line-height: 1.6em;\n  font-size: 16px;\n  color: #243E90;\n}\n\n\/* Hover vignette *\/\n#videoThumbnailBiblio:hover img {\n  transform: scale(1.02);\n}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width: 768px) {\n  .bloc-biblio__title-overlay {\n    font-size: 18px;\n    padding: 10px 15px;\n    width: 95%;\n  }\n}\n\n@media (max-width: 480px) {\n  .bloc-biblio__title-overlay {\n    font-size: 16px;\n    width: 100%;\n  }\n  .bloc-biblio__subtitle {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<script>\nfunction loadBiblioVideo() {\n  const thumb = document.getElementById('videoThumbnailBiblio');\n  const container = document.getElementById('videoContainerBiblio');\n  const frame = document.getElementById('biblioVideoFrame');\n\n  thumb.style.display = \"none\";\n  container.style.display = \"block\";\n  frame.src = \"https:\/\/www.youtube.com\/embed\/RNHXiMcA_XY?autoplay=1\";\n  container.scrollIntoView({ behavior: \"smooth\" });\n}\n<\/script>\n<\/div><\/div>\n\n\n\n<div style=\"height:34px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-tab uag-hide-mob\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-3d8e0842 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<h2 class=\"logo-title\">Compatibilit\u00e9 SIGB<\/h2>\n\n<div class=\"logo-slider-wrapper\">\n  <div class=\"logo-slider-full\">\n    <div class=\"logo-track\">\n\n      <a href=\"https:\/\/www.axiell.com\/fr\/solutions\/product\/v-smart\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/axiell-logo-3-v-smart-min.png\" alt=\"v smart\">\n      <\/a>\n\n      <a href=\"https:\/\/c3rb.com\/fr\/sigb-orphee-nx\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/c3rb-logo-min.png\" alt=\"c3rb\">\n      <\/a>\n\n      <a href=\"https:\/\/www.microsoft.com\/fr-fr\/security\/business\/identity-access\/microsoft-entra-id\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/Entra-ID-min.png\" alt=\"entra ID\">\n      <\/a>\n\n      <a href=\"https:\/\/www.iii.com\/produits\/sierra\/?lang=fr\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/Innovative-logo-sierra-min.png\" alt=\"SIERRA\">\n      <\/a>\n\n      <a href=\"https:\/\/lemonldap-ng.org\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/llng_opengraph-min-e1764842393574.png\" alt=\"lemonldap\">\n      <\/a>\n\n      <a href=\"https:\/\/www.decalog.net\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/logo-decalog2-min-e1764842410945.png\" alt=\"decalog\">\n      <\/a>\n\n      <a href=\"https:\/\/www.openldap.org\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/logo-openldap-min.png\" alt=\"openldap\">\n      <\/a>\n\n      <a href=\"https:\/\/www.syrtis.fr\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/logo-syrtis-sid-min-e1764842428416.png\" alt=\"Syrtis\">\n      <\/a>\n\n      <a href=\"https:\/\/www.nanook-sigb.fr\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/nanook-800-128-min-e1764842447457.png\" alt=\"nanook\">\n      <\/a>\n\n      <a href=\"https:\/\/www.sigb.net\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/section220-min-e1764842462985.png\" alt=\"PMB\">\n      <\/a>\n\n      <a href=\"https:\/\/www.archimed.fr\/syracuse.aspx\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/syracuse-min.png\" alt=\"Syracuse\">\n      <\/a>\n\n      <!-- On duplique les logos pour la boucle infinie -->\n      <a href=\"https:\/\/www.axiell.com\/fr\/solutions\/product\/v-smart\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/axiell-logo-3-v-smart-min.png\" alt=\"v smart\">\n      <\/a>\n\n      <a href=\"https:\/\/c3rb.com\/fr\/sigb-orphee-nx\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/c3rb-logo-min.png\" alt=\"c3rb\">\n      <\/a>\n\n      <a href=\"https:\/\/www.microsoft.com\/fr-fr\/security\/business\/identity-access\/microsoft-entra-id\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/12\/Entra-ID-min.png\" alt=\"entra ID\">\n      <\/a>\n\n      <!-- etc. on duplique tous les logos comme ci-dessus -->\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.logo-title {\n  text-align: center;\n  font-size: 28px;\n  font-weight: 600;\n  margin-bottom: 20px;\n}\n\n.logo-slider-wrapper {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);\n}\n\n.logo-slider-full {\n  width: 100%;\n  background: #fff;\n  padding: 20px 0;\n}\n\n.logo-track {\n  display: flex;\n  gap: 30px;\n  width: max-content;\n  animation: scroll 50s linear infinite;\n  align-items: center;\n}\n\n.logo-track a {\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  transition: transform 0.25s;\n}\n\n.logo-track a:hover {\n  transform: scale(1.08);\n}\n\n.logo-track img {\n  width: 130px;\n  height: auto;\n  object-fit: contain;\n  flex-shrink: 0;\n}\n\n@keyframes scroll {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); } \/* d\u00e9filement fluide gr\u00e2ce \u00e0 la duplication *\/\n}\n\n@media (max-width: 600px) {\n  .logo-track img { width: 90px; }\n  .logo-title { font-size: 20px; }\n}\n<\/style>\n<\/div><\/div>\n\n\n\n<div style=\"height:34px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-desktop\"><\/div>\n\n\n\n<div id=\"CCAS-structure-sociale-mobile\" class=\"wp-block-uagb-container uag-hide-desktop uagb-block-05e62375 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-desktop\"><\/div>\n\n\n\n<div class=\"bloc-ccas\">\n\n  <!-- Image principale avec titre superpos\u00e9 -->\n  <div class=\"bloc-ccas__image-wrapper\">\n    <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/urb3rsoblfyczodk2wbp.webp\" \n         alt=\"Image CCAS \/ Structure sociale\">\n    <div class=\"bloc-ccas__title-overlay\">\n      Un CCAS ou une structure sociale ?\n    <\/div>\n  <\/div>\n\n  <!-- Sous-titre -->\n  <p class=\"bloc-ccas__subtitle\">\n    L\u2019inclusion num\u00e9rique commence par un environnement simple, s\u00fbr et digne.\n  <\/p>\n\n  <!-- Bouton centr\u00e9 -->\n  <div class=\"bloc-ccas__buttons\">\n    <a href=\"https:\/\/www.novatice.com\/index.php\/category\/collectivites\/\" \n       target=\"_blank\" class=\"btn-ccas\">\n       D\u00e9couvrir nos articles d\u00e9di\u00e9s\n    <\/a>\n  <\/div>\n\n  <!-- Bloc texte -->\n  <div class=\"bloc-ccas__content\">\n    <div class=\"bloc-ccas__text-wrapper\">\n      <div class=\"bloc-ccas__text\">\n        <h3>MISE EN SITUATION<\/h3><br>\n        <ul>\n          <li><span class=\"arrow\">\u203a<\/span><p>\nUn CCAS accueille des usagers pour r\u00e9aliser des d\u00e9marches en ligne li\u00e9es \u00e0 l\u2019emploi, la sant\u00e9 ou aux prestations sociales.<\/p><\/li>\n          <li><span class=\"arrow\">\u203a<\/span><p>Les informations manipul\u00e9es sont sensibles (identifiants, documents personnels, formulaires officiels).<\/p><\/li>\n          <li><span class=\"arrow\">\u203a<\/span><p>\nIl est n\u00e9cessaire de garantir la confidentialit\u00e9 des donn\u00e9es.<\/p><\/li>\n        <\/ul>\n\n        <h3>SOLUTION ET B\u00c9N\u00c9FICES AVEC NOVATICE NEOS<\/h3><br>\n        <ul>\n          <li><span class=\"arrow\">\u203a<\/span><p>Novatice NEOS s\u00e9curise l\u2019accompagnement num\u00e9rique gr\u00e2ce \u00e0 l\u2019effacement automatique des donn\u00e9es apr\u00e8s chaque session.<\/p><\/li>\n          <li><span class=\"arrow\">\u203a<\/span><p>\nGestion diff\u00e9r\u00e9e des impressions et interface simplifi\u00e9e pour l\u2019aide aux d\u00e9marches.<\/p><\/li>\n          <li><span class=\"arrow\">\u203a<\/span><p>Protection des donn\u00e9es personnelles et conformit\u00e9 r\u00e9glementaire<\/p><\/li>\n        \n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- IMAGE + VID\u00c9O tout en bas -->\n  <div style=\"margin-top: 60px; text-align: center;\">\n    <!-- Image d\u2019aper\u00e7u (vignette CCAS) -->\n    <div id=\"videoThumbnailCCAS\" onclick=\"loadCCASVideo()\" style=\"max-width: 800px; margin: 0 auto; cursor: pointer; position: relative;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/h3qjwon3tr89cdqzpzyo.webp\" \n           alt=\"Voir la vid\u00e9o CCAS\" \n           style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); transition: transform 0.3s ease;\">\n      <!-- Ic\u00f4ne play -->\n      <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,79,139,0.9); border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;\">\n        <span style=\"color: white; font-size: 36px;\">\u25b6<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Conteneur vid\u00e9o -->\n    <div id=\"videoContainerCCAS\" style=\"display: none; margin-top: 40px;\">\n      <iframe id=\"ccasVideoFrame\" width=\"800\" height=\"450\" src=\"\" frameborder=\"0\" allowfullscreen\n          style=\"border-radius: 15px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);\"><\/iframe>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ---------- Styles g\u00e9n\u00e9raux ---------- *\/\n.bloc-ccas {\n  font-family: 'Poppins', sans-serif;\n  color: #243E90;\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: left;\n  padding: 0 20px;\n}\n\n\/* ---------- Image principale ---------- *\/\n.bloc-ccas__image-wrapper {\n  position: relative;\n  margin-bottom: 2em;\n}\n\n.bloc-ccas__image-wrapper img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 6px;\n}\n\n.bloc-ccas__title-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(69,152,211,0.8);\n  color: #fff;\n  font-size: 22px;\n  font-weight: 700;\n  text-align: center;\n  padding: 12px 25px;\n  border-radius: 20px;\n  width: 90%;\n  max-width: 1100px;\n  line-height: 1.2em;\n}\n\n\/* ---------- Sous-titre ---------- *\/\n.bloc-ccas__subtitle {\n  font-weight: 400;\n  color: #4598D3;\n  font-size: 18px;\n  margin-top: 0;\n  margin-bottom: 1.5em;\n  text-align: center;\n}\n\n\/* ---------- Boutons ---------- *\/\n.bloc-ccas__buttons {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 15px;\n  margin-bottom: 2em;\n}\n\n.btn-ccas {\n  background-color: #FF4080;\n  color: #fff;\n  text-decoration: none;\n  padding: 12px 20px;\n  border-radius: 25px;\n  font-weight: 600;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n.btn-ccas:hover {\n  background-color: #e5376e;\n}\n\n\/* ---------- Bloc texte ---------- *\/\n.bloc-ccas__text-wrapper {\n  flex: 1 1 55%;\n  background: #f9f9ff;\n  padding: 30px;\n  border-radius: 20px;\n  box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n}\n\n.bloc-ccas__text h3 {\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #4598D3;\n  font-size: 22px;\n  margin-top: 1.5em;\n  margin-bottom: 1em;\n}\n\n.bloc-ccas__text ul {\n  list-style: none;\n  padding-left: 0;\n  margin: 0;\n}\n\n.bloc-ccas__text li {\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 0.8em;\n}\n\n.bloc-ccas__text li .arrow {\n  color: #4598D3;\n  font-weight: bold;\n  flex: 0 0 20px;\n  text-align: center;\n  margin-right: 6px;\n  font-size: 18px;\n}\n\n.bloc-ccas__text li p {\n  margin: 0;\n  text-align: left;\n  flex: 1;\n  line-height: 1.6em;\n  font-size: 16px;\n  color: #243E90;\n}\n\n\/* Hover vignette *\/\n#videoThumbnailCCAS:hover img {\n  transform: scale(1.02);\n}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width: 768px) {\n  .bloc-ccas__title-overlay {\n    font-size: 18px;\n    padding: 10px 15px;\n    width: 95%;\n  }\n}\n\n@media (max-width: 480px) {\n  .bloc-ccas__title-overlay {\n    font-size: 16px;\n    width: 100%;\n  }\n  .bloc-ccas__subtitle {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<script>\nfunction loadCCASVideo() {\n  const thumb = document.getElementById('videoThumbnailCCAS');\n  const container = document.getElementById('videoContainerCCAS');\n  const frame = document.getElementById('ccasVideoFrame');\n\n  thumb.style.display = \"none\";\n  container.style.display = \"block\";\n  frame.src = \"https:\/\/www.youtube.com\/embed\/RNHXiMcA_XY?autoplay=1\";\n  container.scrollIntoView({ behavior: \"smooth\" });\n}\n<\/script>\n<\/div><\/div>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-desktop\"><\/div>\n\n\n\n<div id=\"EPN-mobile\" class=\"wp-block-uagb-container uag-hide-desktop uagb-block-6d938897 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-desktop\"><\/div>\n\n\n\n<div class=\"bloc-epn\">\n\n  <!-- Image principale avec titre superpos\u00e9 -->\n  <div class=\"bloc-epn__image-main\">\n    <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/tifynminjgsglq7exoef.webp\"\n         alt=\"Illustration EPN ordinateur Solution dsi \u00e9lus m\u00e9diath\u00e8ques \u00e9coles collectivit\u00e9s\">\n    <div class=\"bloc-epn__title-overlay\">\n      Un espace public num\u00e9rique (EPN) ?\n    <\/div>\n  <\/div>\n\n  <!-- Sous-titre -->\n  <p class=\"bloc-epn__subtitle\">\n    Une plateforme de confiance pour vos ateliers, vos usagers libres et vos m\u00e9diateurs.\n  <\/p>\n\n  <!-- Bouton centr\u00e9 -->\n  <div class=\"bloc-epn__buttons\">\n    <a href=\"https:\/\/www.novatice.com\/index.php\/category\/collectivites\/\" class=\"btn-rose\">\n      D\u00e9couvrir nos articles d\u00e9di\u00e9s\n    <\/a>\n  <\/div>\n\n  <!-- Bloc texte -->\n  <div class=\"bloc-epn__text-wrapper\">\n    <div class=\"bloc-epn__text\">\n      <h3>MISE EN SITUATION<\/h3><br>\n      <ul>\n        <li><span class=\"arrow\">\u203a<\/span><p>Un espace public num\u00e9rique met \u00e0 disposition des postes et organise des ateliers pour le public.<\/p><\/li>\n        <li><span class=\"arrow\">\u203a<\/span><p>La gestion manuelle des r\u00e9servations peut entra\u00eener des cr\u00e9neaux mal utilis\u00e9s, des absences et des difficult\u00e9s \u00e0 suivre la fr\u00e9quentation.<\/p><\/li>\n       \n      <\/ul>\n\n      <h3>SOLUTION ET B\u00c9N\u00c9FICES AVEC NOVATICE NEOS<\/h3><br>\n      <ul>\n        <li><span class=\"arrow\">\u203a<\/span><p>\nNovatice facilite la gestion de l\u2019EPN avec la r\u00e9servation en ligne ou sur place.<\/p><\/li>\n        <li><span class=\"arrow\">\u203a<\/span><p>Notifications automatiques, limitation de dur\u00e9e des sessions et tableau de bord d\u2019activit\u00e9.<\/p><\/li>\n        <li><span class=\"arrow\">\u203a<\/span><p>Organisation simplifi\u00e9e, meilleur taux de pr\u00e9sence et pilotage statistique des usages.<\/p><\/li>\n       \n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- IMAGE + VID\u00c9O tout en bas -->\n  <div style=\"margin-top: 60px; text-align: center;\">\n    <!-- Image d\u2019aper\u00e7u (vignette EPN) -->\n    <div id=\"videoThumbnailEpn\" onclick=\"loadEpnVideo()\" style=\"max-width: 800px; margin: 0 auto; cursor: pointer; position: relative;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/y6xyajibtts8jp1fzhgh.webp\" \n           alt=\"Voir la vid\u00e9o EPN Solution dsi \u00e9lus m\u00e9diath\u00e8ques \u00e9coles collectivit\u00e9s\" \n           style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); transition: transform 0.3s ease;\">\n      <!-- Ic\u00f4ne play -->\n      <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,79,139,0.9); border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;\">\n        <span style=\"color: white; font-size: 36px;\">\u25b6<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Conteneur vid\u00e9o -->\n    <div id=\"videoContainerEpn\" style=\"display: none; margin-top: 40px;\">\n      <iframe id=\"epnVideoFrame\" width=\"800\" height=\"450\" src=\"\" frameborder=\"0\" allowfullscreen\n          style=\"border-radius: 15px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);\"><\/iframe>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ----- Image + overlay ----- *\/\n.bloc-epn__image-main {\n  position: relative;\n  margin-bottom: 2em;\n}\n\n.bloc-epn__image-main img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 6px;\n}\n\n.bloc-epn__title-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(69,152,211,0.8);\n  color: #fff;\n  font-size: 20px;\n  font-weight: 700;\n  text-align: center;\n  padding: 12px 25px;\n  border-radius: 20px;\n  width: 90%;\n  max-width: 1100px;\n  line-height: 1.1em;\n}\n\n\/* ----- Sous-titre ----- *\/\n.bloc-epn__subtitle {\n  font-weight: 400;\n  color: #4598D3;\n  font-size: 18px;\n  margin: 1em 0 2em;\n  text-align: center;\n}\n\n\/* ----- Bouton centr\u00e9 ----- *\/\n.bloc-epn__buttons {\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:1em;\n  margin-bottom:2em;\n}\n\n.btn-rose {\n  background-color: #FF4F8B;\n  color: white;\n  border: none;\n  border-radius: 50px;\n  padding: 12px 28px;\n  font-size: 16px;\n  font-weight: 600;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n\n.btn-rose:hover {\n  background-color: #e0437b;\n}\n\n\/* ----- Bloc texte ----- *\/\n.bloc-epn__text-wrapper {\n  background: #f9f9ff;\n  padding: 30px;\n  border-radius: 20px;\n  box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n}\n\n.bloc-epn__text h3 {\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #4598D3;\n  font-size: 22px;\n  margin-top: 1.5em;\n  margin-bottom: 1em;\n}\n\n.bloc-epn__text ul {\n  list-style: none;\n  padding-left: 0;\n  margin: 0;\n}\n\n.bloc-epn__text li {\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 0.8em;\n}\n\n.bloc-epn__text li .arrow {\n  color: #4598D3;\n  font-weight: bold;\n  flex: 0 0 20px;\n  text-align: center;\n  margin-right: 6px;\n  font-size: 18px;\n}\n\n.bloc-epn__text li p {\n  margin: 0;\n  flex: 1;\n  line-height: 1.6em;\n  font-size: 16px;\n  color: #243E90;\n}\n\n\/* Hover effet vignette *\/\n#videoThumbnailEpn:hover img {\n  transform: scale(1.02);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .bloc-epn__title-overlay {\n    font-size: 18px;\n    padding: 10px 15px;\n    width: 95%;\n  }\n}\n\n@media (max-width: 480px) {\n  .bloc-epn__title-overlay {\n    font-size: 16px;\n    width: 100%;\n    padding: 10px 10px;\n  }\n  .bloc-epn__subtitle {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<script>\nfunction loadEpnVideo() {\n  const thumb = document.getElementById('videoThumbnailEpn');\n  const container = document.getElementById('videoContainerEpn');\n  const frame = document.getElementById('epnVideoFrame');\n\n  thumb.style.display = \"none\";\n  container.style.display = \"block\";\n  frame.src = \"https:\/\/www.youtube.com\/embed\/CM8ylmmSd7o?autoplay=1\";\n  container.scrollIntoView({ behavior: \"smooth\" });\n}\n<\/script>\n<\/div><\/div>\n\n\n\n<div style=\"height:58px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-desktop\"><\/div>\n\n\n\n<div id=\"ecoles-mobile\" class=\"wp-block-uagb-container uag-hide-desktop uagb-block-7312c3c8 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-desktop\"><\/div>\n\n\n\n<div class=\"bloc-school\">\n\n  <!-- Image principale avec titre superpos\u00e9 -->\n  <div class=\"bloc-school__image-main\">\n    <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/yeejhdec7lgx7n0rfa69.webp\"\n         alt=\"Illustration \u00e9tablissement scolaire Solution dsi \u00e9lus m\u00e9diath\u00e8ques \u00e9coles collectivit\u00e9s\">\n    <div class=\"bloc-school__title-overlay\">\n      Un \u00e9tablissement scolaire ?\n    <\/div>\n  <\/div>\n\n  <!-- Sous-titre sous l'image -->\n  <p class=\"bloc-school__subtitle\">\n    Encadrez l\u2019acc\u00e8s aux postes publics dans un cadre s\u00e9curis\u00e9 et conforme.\n  <\/p>\n\n  <!-- Lien articles (centr\u00e9) -->\n  <div class=\"bloc-school__buttons\" style=\"display:flex; justify-content:center; gap:15px; margin-bottom:2em; flex-wrap:wrap;\">\n    <a href=\"https:\/\/www.novatice.com\/index.php\/category\/education\/\" target=\"_blank\" class=\"btn-school\">\n      D\u00e9couvrir nos articles d\u00e9di\u00e9s\n    <\/a>\n  <\/div>\n\n  <!-- Bloc texte -->\n  <div class=\"bloc-school__text-wrapper\">\n    <div class=\"bloc-school__text\">\n      <h3>MISE EN SITUATION<\/h3><br>\n      <ul>\n        <li><span class=\"arrow\">\u203a<\/span><p>Un \u00e9tablissement scolaire utilise une salle informatique pour les cours num\u00e9riques.<\/p><\/li>\n        <li><span class=\"arrow\">\u203a<\/span><p>L\u2019enseignant doit surveiller plusieurs \u00e9crans simultan\u00e9ment, limiter les distractions en ligne et s\u00e9curiser les travaux des \u00e9l\u00e8ves.<\/p><\/li>\n       \n      <\/ul>\n\n      <h3>SOLUTION ET B\u00c9N\u00c9FICES AVEC NOVATICE NEOS<\/h3><br>\n      <ul>\n        <li><span class=\"arrow\">\u203a<\/span><p>Novatice permet la supervision des postes \u00e9l\u00e8ves en temps r\u00e9el.<\/p><\/li>\n        <li><span class=\"arrow\">\u203a<\/span><p>Blocage ou d\u00e9blocage d\u2019Internet \u00e0 distance et adaptation des profils utilisateurs au niveau scolaire.<\/p><\/li>\n        <li><span class=\"arrow\">\u203a<\/span><p>Sauvegarde automatique des travaux, meilleure concentration des \u00e9l\u00e8ves et gestion p\u00e9dagogique simplifi\u00e9e.<\/p><\/li>\n       \n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- IMAGE + VID\u00c9O tout en bas -->\n  <div style=\"margin-top: 60px; text-align: center;\">\n    <!-- Image d\u2019aper\u00e7u -->\n    <div id=\"videoThumbnailSchool\" onclick=\"loadSchoolVideo()\" style=\"max-width: 800px; margin: 0 auto; cursor: pointer; position: relative;\">\n      <img decoding=\"async\" src=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/diviastjposiijgsobk2.webp\" \n           alt=\"Voir la vid\u00e9o \u00c9tablissement scolaire Solution dsi \u00e9lus m\u00e9diath\u00e8ques \u00e9coles collectivit\u00e9s\" \n           style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); transition: transform 0.3s ease;\">\n      <!-- Ic\u00f4ne play -->\n      <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,64,128,0.9); border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;\">\n        <span style=\"color: white; font-size: 36px;\">\u25b6<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Conteneur vid\u00e9o -->\n    <div id=\"videoContainerSchool\" style=\"display: none; margin-top: 40px;\">\n      <iframe id=\"schoolVideoFrame\" width=\"800\" height=\"450\" src=\"\" frameborder=\"0\" allowfullscreen\n          style=\"border-radius: 15px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* ----- Conteneur global ----- *\/\n.bloc-school {\n  font-family: 'Poppins', sans-serif;\n  color: #243E90;\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: left;\n  padding: 0 20px;\n}\n\n\/* ----- Image + titre superpos\u00e9 ----- *\/\n.bloc-school__image-main {\n  position: relative;\n  margin-bottom: 2em;\n  display: flex;\n  justify-content: center;\n}\n\n.bloc-school__image-main img {\n  width: 100%;\n  max-width: 800px;\n  height: auto;\n  display: block;\n  border-radius: 6px;\n}\n\n.bloc-school__title-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(69,152,211,0.8);\n  color: #fff;\n  font-size: 20px;\n  font-weight: 700;\n  text-align: center;\n  padding: 12px 25px;\n  border-radius: 20px;\n  width: 90%;\n  max-width: 1100px;\n  line-height: 1.1em;\n}\n\n\/* ----- Sous-titre ----- *\/\n.bloc-school__subtitle {\n  font-weight: 400;\n  color: #4598D3;\n  font-size: 18px;\n  margin: 0 0 2em;\n  text-align: center;\n}\n\n\/* ----- Bouton articles centr\u00e9 ----- *\/\n.btn-school {\n  background-color: #FF4080;\n  color: #fff;\n  text-decoration: none;\n  padding: 12px 20px;\n  border-radius: 25px;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n.btn-school:hover {\n  background-color: #e5376e;\n}\n\n\/* ----- Bloc texte ----- *\/\n.bloc-school__text-wrapper {\n  background: #f9f9ff;\n  padding: 30px;\n  border-radius: 20px;\n  box-shadow: 0 12px 24px rgba(0,0,0,0.12);\n  margin: 0 auto 2em auto;\n}\n\n.bloc-school__text h3 {\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #4598D3;\n  font-size: 22px;\n  margin-top: 1.5em;\n  margin-bottom: 1em;\n}\n\n.bloc-school__text ul {\n  list-style: none;\n  padding-left: 0;\n  margin: 0;\n}\n\n.bloc-school__text li {\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 0.8em;\n}\n\n.bloc-school__text li .arrow {\n  color: #4598D3;\n  font-weight: bold;\n  flex: 0 0 20px;\n  text-align: center;\n  margin-right: 6px;\n  font-size: 18px;\n}\n\n.bloc-school__text li p {\n  margin: 0;\n  flex: 1;\n  line-height: 1.6em;\n  font-size: 16px;\n  color: #243E90;\n}\n\n\/* Hover effet vignette *\/\n#videoThumbnailSchool:hover img {\n  transform: scale(1.02);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .bloc-school__title-overlay { font-size: 18px; padding: 10px 15px; }\n}\n\n@media (max-width: 480px) {\n  .bloc-school__title-overlay { font-size: 16px; }\n  .bloc-school__subtitle { font-size: 16px; }\n}\n<\/style>\n\n<script>\nfunction loadSchoolVideo() {\n  const thumb = document.getElementById('videoThumbnailSchool');\n  const container = document.getElementById('videoContainerSchool');\n  const frame = document.getElementById('schoolVideoFrame');\n\n  thumb.style.display = \"none\";\n  container.style.display = \"block\";\n  frame.src = \"https:\/\/www.youtube.com\/embed\/CM8ylmmSd7o?autoplay=1\";\n  container.scrollIntoView({ behavior: \"smooth\" });\n}\n<\/script>\n<\/div><\/div>\n\n\n\n<div style=\"height:38px\" aria-hidden=\"true\" class=\"wp-block-spacer uag-hide-desktop\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uag-hide-desktop uagb-block-d48a8515 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"bloc-autres-profils\">\n\n  <!-- Titre et texte -->\n  <div class=\"bloc-autres-profils__text\">\n    <h2>Vous avez un autre profil ?<\/h2>\n    <p>Novatice NEOS est aussi d\u00e9ploy\u00e9 dans des :<\/p>\n    <ul>\n      <li>Maisons France Services<\/li>\n      <li>Centres culturels et mus\u00e9es<\/li>\n      <li>Tiers-lieux<\/li>\n    <\/ul>\n    <p>Contactez-nous pour un accompagnement sur mesure.<\/p>\n  <\/div>\n\n  <!-- Boutons centr\u00e9s -->\n  <div class=\"bloc-autres-profils__buttons\">\n    <a href=\"https:\/\/www.novatice.com\/index.php\/contact-demo-novatice-neos\/\">\u00catre contact\u00e9 par un expert<\/a>\n    <a href=\"https:\/\/calendly.com\/novatice-technologies-neos\/novaticeneos-30mn?preview_source=et_card&#038;month=2025-10\">Demander une d\u00e9monstration<\/a>\n  <\/div>\n<\/div>\n\n<style>\n.bloc-autres-profils {\n    font-family: 'Poppins', sans-serif;\n    margin: 60px auto;\n    text-align: left;\n    box-sizing: border-box;\n    max-width: 1200px;\n    padding: 0 20px; \n    overflow-x: hidden;\n}\n\n.bloc-autres-profils__text {\n    max-width: 600px;\n    margin: 0 auto 30px auto;\n}\n\n.bloc-autres-profils__text h2 {\n    font-weight: 700;\n    color: #243E90;\n    font-size: 32px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n}\n\n.bloc-autres-profils__text p {\n    font-size: 18px;\n    color: #243E90;\n    line-height: 1.5;\n    margin: 0 0 15px 0;\n}\n\n.bloc-autres-profils__text ul {\n    font-size: 18px;\n    color: #243E90;\n    margin: 0 0 15px 20px;\n    line-height: 1.5;\n    padding-left: 0;\n    list-style-position: inside;\n}\n\n.bloc-autres-profils__buttons {\n    display: flex;\n    justify-content: center; \n    gap: 20px;\n    flex-wrap: wrap;\n    margin-top: 30px;\n}\n\n.bloc-autres-profils__buttons a {\n    background-color: #FF4080;\n    color: #fff !important;\n    text-decoration: none !important; \n    padding: 14px 24px;\n    border-radius: 25px;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    display: inline-block;\n    white-space: nowrap;\n    line-height: normal;\n    overflow: hidden;\n    text-align: center; \/* texte centr\u00e9 *\/\n}\n\n.bloc-autres-profils__buttons a:hover {\n    transform: scale(1.05);\n    box-shadow: 0 5px 15px rgba(255,64,128,0.4);\n}\n\n\/* ----- Responsive ----- *\/\n@media (max-width: 1024px) {\n    .bloc-autres-profils {\n        padding: 0 30px;\n    }\n    .bloc-autres-profils__text h2 {\n        font-size: 28px;\n    }\n    .bloc-autres-profils__text p,\n    .bloc-autres-profils__text ul {\n        font-size: 16px;\n    }\n    .bloc-autres-profils__buttons a {\n        padding: 12px 20px;\n        font-size: 15px;\n    }\n}\n\n@media (max-width: 768px) {\n    .bloc-autres-profils {\n        padding: 0 20px;\n    }\n    .bloc-autres-profils__text h2 {\n        font-size: 24px;\n    }\n    .bloc-autres-profils__text p,\n    .bloc-autres-profils__text ul {\n        font-size: 15px;\n    }\n    .bloc-autres-profils__buttons {\n        flex-direction: column;\n        gap: 15px;\n    }\n    .bloc-autres-profils__buttons a {\n        width: 90%;\n        margin: 0 auto;\n        padding: 12px 20px;\n    }\n}\n\n@media (max-width: 480px) {\n    .bloc-autres-profils__text h2 {\n        font-size: 22px;\n    }\n    .bloc-autres-profils__text p,\n    .bloc-autres-profils__text ul {\n        font-size: 14px;\n    }\n    .bloc-autres-profils__buttons a {\n        width: 100%;\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-e2476f50 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- Bloc \"Autres profils\" -->\n<div style=\"font-family: 'Poppins', sans-serif; margin: 60px 0;\">\n\n  <!-- Titre et texte -->\n  <div style=\"max-width: 600px; margin-bottom: 30px;\">\n    <h2 style=\"font-weight: 700; color: #243E90; font-size: 32px; line-height: 1.2; text-transform: uppercase; margin: 0 0 20px 0;\">\n      Vous avez un autre profil ?\n    <\/h2>\n    <p style=\"font-size: 18px; color: #243E90; margin: 0 0 15px 0; line-height: 1.5;\">\n      Novatice NEOS est aussi d\u00e9ploy\u00e9 dans des :\n    <\/p>\n    <ul style=\"font-size: 18px; color: #243E90; margin: 0 0 15px 20px; line-height: 1.5;\">\n      <li>Maisons France Services<\/li>\n      <li>Centres culturels et mus\u00e9es<\/li>\n      <li>Tiers-lieux<\/li>\n    <\/ul>\n    <p style=\"font-size: 18px; color: #243E90; margin: 0;\">\n      Contactez-nous pour un accompagnement sur mesure.\n    <\/p>\n  <\/div>\n\n  <!-- Boutons centr\u00e9s -->\n  <div style=\"display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 30px;\">\n    <a href=\"https:\/\/www.novatice.com\/index.php\/contact-demo-novatice-neos\/\" \n       style=\"background-color: #FF4080; color: #fff; text-decoration: none; padding: 14px 24px; border-radius: 25px; font-weight: 600;\">\n      \u00catre contact\u00e9 par un expert\n    <\/a>\n    <a href=\"https:\/\/calendly.com\/novatice-technologies-neos\/novaticeneos-30mn?preview_source=et_card&#038;month=2025-10\" \n       style=\"background-color: #FF4080; color: #fff; text-decoration: none; padding: 14px 24px; border-radius: 25px; font-weight: 600;\">\n      Demander une d\u00e9monstration\n    <\/a>\n  <\/div>\n<\/div>\n\n\n\n<section class=\"articles-numerique-impact\">\n  <div class=\"articles-numerique-impact__inner\">\n    <h2>Informez-vous selon votre structure&nbsp;!<\/h2>\n\n    <ul class=\"articles-list\">\n      <li>\n        <a href=\"https:\/\/www.novatice.com\/index.php\/actualite-numerique-collectivites-education-culture\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          \u203a D\u00e9couvrez nos articles\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"https:\/\/www.lagazettedescommunes.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n          La Gazette des Communes\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"https:\/\/www.info.gouv.fr\/toute-l-actualite\/education\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Actualit\u00e9s \u00e9ducation \u2013 info.gouv\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"https:\/\/bbf.enssib.fr\/le-fil-de-l-actu\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Bulletin des biblioth\u00e8ques de France\n        <\/a>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<style>\n\/* ----- Conteneur global ----- *\/\n.articles-numerique-impact {\n  display: flex !important;\n  justify-content: center !important;\n  padding: 15px 10px !important;\n  background: transparent !important;\n  font-family: 'Poppins', sans-serif !important;\n  color: #243E90 !important;\n}\n\n\/* ----- Bloc interne ----- *\/\n.articles-numerique-impact__inner {\n  max-width: 520px !important;\n  width: 100% !important;\n  background: #ffffff !important; \/* \ud83d\udd39 fond blanc *\/\n  padding: 15px 18px !important;\n  border-radius: 10px !important;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;\n}\n\n\/* ----- Titre ----- *\/\n.articles-numerique-impact h2 {\n  color: #243E90 !important;\n  font-weight: 600 !important;\n  font-size: 12pt !important;\n  margin: 0 0 10px 0 !important;\n  text-align: left !important;\n  line-height: 1.4em !important;\n}\n\n\/* ----- Liste des liens ----- *\/\n.articles-list {\n  list-style: none !important;\n  padding-left: 15px !important;\n  margin: 0 !important;\n  text-align: left !important;\n}\n\n.articles-list li {\n  margin-bottom: 6px !important;\n}\n\n.articles-list a {\n  color: #243E90 !important;\n  font-weight: 400 !important;\n  font-size: 10pt !important;\n  text-decoration: underline !important;\n  transition: color 0.3s ease !important;\n}\n\n.articles-list a:hover {\n  color: #FF4080 !important;\n  text-decoration: none !important;\n}\n\n\/* ----- Responsive ----- *\/\n@media (max-width: 768px) {\n  .articles-numerique-impact__inner {\n    padding: 12px 14px !important;\n  }\n\n  .articles-numerique-impact h2 {\n    font-size: 10.5pt !important;\n    text-align: center !important;\n  }\n\n  .articles-list {\n    padding-left: 10px !important;\n    text-align: center !important;\n  }\n\n  .articles-list a {\n    font-size: 9pt !important;\n  }\n}\n<\/style>\n\n\n\n<div style=\"height:51px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>VOUS \u00caTES&#8230; UNE M\u00c9DIATH\u00c8QUE OU UNE BIBLIOTH\u00c8QUE Offrez un acc\u00e8s num\u00e9rique libre, s\u00e9curis\u00e9 et adapt\u00e9 \u00e0 tous les publics. D\u00e9couvrir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1805,"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":"disabled","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-702","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vous \u00eates<\/title>\n<meta name=\"description\" content=\"Novatice NEOS, la solution num\u00e9rique pens\u00e9e pour DSI, \u00e9lus, m\u00e9diath\u00e8ques et \u00e9coles. Une r\u00e9ponse aux besoins num\u00e9riques des collectivit\u00e9s.\" \/>\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\/vous-etes\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vous \u00eates\" \/>\n<meta property=\"og:description\" content=\"Novatice NEOS, la solution num\u00e9rique pens\u00e9e pour DSI, \u00e9lus, m\u00e9diath\u00e8ques et \u00e9coles. Une r\u00e9ponse aux besoins num\u00e9riques des collectivit\u00e9s.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.novatice.com\/index.php\/vous-etes\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/p\/Novatice-Technologies-61576737892959\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-09T14:52:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-e1760956739796.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"558\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"14 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\\\/vous-etes\\\/\",\"url\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/vous-etes\\\/\",\"name\":\"Vous \u00eates\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/vous-etes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/vous-etes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.novatice.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/jlmamj8ywegstixqgxn4-e1760956739796.webp\",\"datePublished\":\"2025-09-17T07:57:01+00:00\",\"dateModified\":\"2026-03-09T14:52:45+00:00\",\"description\":\"Novatice NEOS, la solution num\u00e9rique pens\u00e9e pour DSI, \u00e9lus, m\u00e9diath\u00e8ques et \u00e9coles. Une r\u00e9ponse aux besoins num\u00e9riques des collectivit\u00e9s.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/vous-etes\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/vous-etes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/vous-etes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.novatice.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/jlmamj8ywegstixqgxn4-e1760956739796.webp\",\"contentUrl\":\"https:\\\/\\\/www.novatice.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/jlmamj8ywegstixqgxn4-e1760956739796.webp\",\"width\":500,\"height\":558},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.novatice.com\\\/index.php\\\/vous-etes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.novatice.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vous \u00eates&#8230;\"}]},{\"@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":"Vous \u00eates","description":"Novatice NEOS, la solution num\u00e9rique pens\u00e9e pour DSI, \u00e9lus, m\u00e9diath\u00e8ques et \u00e9coles. Une r\u00e9ponse aux besoins num\u00e9riques des collectivit\u00e9s.","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\/vous-etes\/","og_locale":"fr_FR","og_type":"article","og_title":"Vous \u00eates","og_description":"Novatice NEOS, la solution num\u00e9rique pens\u00e9e pour DSI, \u00e9lus, m\u00e9diath\u00e8ques et \u00e9coles. Une r\u00e9ponse aux besoins num\u00e9riques des collectivit\u00e9s.","og_url":"https:\/\/www.novatice.com\/index.php\/vous-etes\/","article_publisher":"https:\/\/www.facebook.com\/p\/Novatice-Technologies-61576737892959\/","article_modified_time":"2026-03-09T14:52:45+00:00","og_image":[{"width":500,"height":558,"url":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-e1760956739796.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.novatice.com\/index.php\/vous-etes\/","url":"https:\/\/www.novatice.com\/index.php\/vous-etes\/","name":"Vous \u00eates","isPartOf":{"@id":"https:\/\/www.novatice.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.novatice.com\/index.php\/vous-etes\/#primaryimage"},"image":{"@id":"https:\/\/www.novatice.com\/index.php\/vous-etes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-e1760956739796.webp","datePublished":"2025-09-17T07:57:01+00:00","dateModified":"2026-03-09T14:52:45+00:00","description":"Novatice NEOS, la solution num\u00e9rique pens\u00e9e pour DSI, \u00e9lus, m\u00e9diath\u00e8ques et \u00e9coles. Une r\u00e9ponse aux besoins num\u00e9riques des collectivit\u00e9s.","breadcrumb":{"@id":"https:\/\/www.novatice.com\/index.php\/vous-etes\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.novatice.com\/index.php\/vous-etes\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.novatice.com\/index.php\/vous-etes\/#primaryimage","url":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-e1760956739796.webp","contentUrl":"https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-e1760956739796.webp","width":500,"height":558},{"@type":"BreadcrumbList","@id":"https:\/\/www.novatice.com\/index.php\/vous-etes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.novatice.com\/"},{"@type":"ListItem","position":2,"name":"Vous \u00eates&#8230;"}]},{"@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":["https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-e1760956739796.webp",500,558,false],"thumbnail":["https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-150x150.webp",150,150,true],"medium":["https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-269x300.webp",269,300,true],"medium_large":["https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-768x857.webp",768,857,true],"large":["https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-918x1024.webp",918,1024,true],"1536x1536":["https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-1377x1536.webp",1377,1536,true],"2048x2048":["https:\/\/www.novatice.com\/wp-content\/uploads\/2025\/10\/jlmamj8ywegstixqgxn4-1836x2048.webp",1836,2048,true]},"uagb_author_info":{"display_name":"admin2008","author_link":"https:\/\/www.novatice.com\/index.php\/author\/admin2008\/"},"uagb_comment_info":0,"uagb_excerpt":"VOUS \u00caTES&#8230; UNE M\u00c9DIATH\u00c8QUE OU UNE BIBLIOTH\u00c8QUE Offrez un acc\u00e8s num\u00e9rique libre, s\u00e9curis\u00e9 et adapt\u00e9 \u00e0 tous les publics. D\u00e9couvrir [&hellip;]","_links":{"self":[{"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/pages\/702","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=702"}],"version-history":[{"count":100,"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/pages\/702\/revisions"}],"predecessor-version":[{"id":3857,"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/pages\/702\/revisions\/3857"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/media\/1805"}],"wp:attachment":[{"href":"https:\/\/www.novatice.com\/index.php\/wp-json\/wp\/v2\/media?parent=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}