1<!DOCTYPE html> 2<html lang="fr"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"/> 6 7 <title>Accés réservé</title> 8 9 <meta name="description" content="Clients/ utilisateurs, connectez-vous ici pour accéder à votre compte Préventica"> 10 11 12 <link rel="canonical" href="https://www.preventica.com/connexion" /> 13 14 <link rel="icon" href="/build/images/favicon.ico"> 15 16 <link rel="stylesheet" href="/build/app.e2278bd9.css" data-turbo-track="reload"> 17 18
18<script src="/build/runtime.b56c63e4.js" defer data-turbo-track="reload"></script>
18<script src="/build/626.b7249e6d.js" defer data-turbo-track="reload"></script>
18<script src="/build/app.3534ed68.js" defer data-turbo-track="reload"></script>
18 19
19<script src="/js/tarteaucitron/tarteaucitron.js"></script>
19 20 21 <!-- Google Tag Manager --> 22
22<script> 23 window.dataLayer = window.dataLayer || []; 24 25 26 </script>
26 27
27<script>
vendor: 346 bytes, lines 27-31
27(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 28 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 29 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 30 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 31 })(window,document,'script','dataLayer','
31GTM-NNH3KH
vendor: 3 bytes, line 31
31');
31</script>
31 32 33 <!-- End Google Tag Manager -->
vendor: 66 bytes, lines 33-35
33 34 35 <script src="https://www.google.com/recaptcha/api.js?render=
356LdqegIrAAAAAJ8y1Lw-4mjJarAEfZVfWLnt-Svu
vendor: 27 bytes, lines 35-37
35" async defer></script> 36 37
37<!-- Landingi popup - inscription news mag --> 38
38<script src="https://popups.landingi.com/api/v3/website/install-code?apikey=17f58dab-72fa-4732-9261-88bba3da0a94"></script>
38 39 40 </head> 41 42 <body class="h-full"> 43
43<script> 44 (function() { 45 try { 46 let url = new URL(window.location.href); 47 if (url.searchParams.has('logged_in')) { 48 url.searchParams.delete('logged_in'); 49 50 let cleanUrl = url.pathname + (url.search ? '?' + url.searchParams.toString() : '') + url.hash; 51 history.replaceState(null, '', cleanUrl); 52 console.log("cleaned query params") 53 } 54 } catch (e) { /* noop */ } 55 })(); 56 </script>
56 57 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 57-58
57 58 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
58GTM-NNH3KH
vendor: 85 bytes, lines 58-59
58" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 59
59<!-- End Google Tag Manager (noscript)--> 60 61 <header class="sticky top-0 lg-min:this-[scrolled]:-top-9 transition-position duration-300 z-50 box-sh shadow-md" 62 data-controller="scroll-down-indicator"> 63 <div class="bg-blue-brand lg:hidden"> 64 <section class="flex justify-end h-9"> 65 66 <form class="flex z-10 mr-2" action="/recherche"> 67 <div class="relative flex items-center after:absolute after:bottom-[4px] after:bg-white after:h-[1px] after:left-[2.25rem] after:w-[calc(100%-2.25rem)]"> 68 <button class="absolute left-3.5 top-1/2 w-3 h-3 -translate-y-1/2 cursor-text" for="_09223372036854775807"> 69 <svg class="cursor-pointer text-white w-full h-full" width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"> 70 <path fill="currentColor" id="Vector" d="M8.91107 8.30945L6.54664 5.96777C7.14377 5.24081 7.43643 4.31468 7.36444 3.38022C7.29236 2.44583 6.86107 1.57448 6.15938 0.945719C5.45778 0.317021 4.53928 -0.0210997 3.59334 0.00102075C2.64738 0.0232353 1.74604 0.403977 1.07522 1.06487C0.407925 1.72926 0.0234728 2.62194 0.00103183 3.55876C-0.0213163 4.49561 0.320082 5.40525 0.954911 6.1001C1.5898 6.79503 2.46962 7.22218 3.41307 7.29356C4.35655 7.36486 5.2917 7.07501 6.02577 6.48363L8.3902 8.82531C8.48536 8.906 8.61524 8.93344 8.73532 8.89832C8.85539 8.86312 8.94933 8.7701 8.98486 8.65119C9.02032 8.53228 8.99261 8.40364 8.91113 8.30939L8.91107 8.30945ZM1.59611 5.72273C1.04161 5.1739 0.729994 4.42932 0.729825 3.65295C0.72966 2.87649 1.04096 2.13182 1.59521 1.58274C2.14954 1.03366 2.90137 0.725184 3.68536 0.725184C4.46928 0.725184 5.22119 1.03366 5.77544 1.58274C6.32977 2.13182 6.64107 2.87649 6.6409 3.65295C6.64074 4.42932 6.32903 5.1739 5.77453 5.72273C5.22275 6.27573 4.47035 6.58698 3.68536 6.58698C2.90029 6.58698 2.14789 6.27573 1.59611 5.72273Z"/> 71</svg> 72 </button> 73 74 <input name="s" class="block py-0 pl-9 h-full text-white bg-blue-brand placeholder:text-white" 75 id="_09223372036854775807" type="search" placeholder="RECHERCHER..." 76 minlength="2" maxlength="100" /> 77 </div> 78 79 80 </form> 81 82 83 <a class="min-w-[180px] group z-10 px-6 text-white uppercase button bg-blue-brand border duration-300 !text-sm" 84 href="/connexion" 85 data-turbo="false" 86 > 87 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="duration-200 text-white inline w-5 h-5 mr-2"> 88 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/> 89</svg> 90 Se connecter 91 </a> 92 93 94 95 </section> 96 </div> 97 98 <div class="relative bg-white shadow-md shadow-blue-brand-alpha lg:shadow-none lg:relative"> 99 <section class="flex gap-2 items-center py-2.5 lg:justify-center lg:py-0 lg:h-10"> 100 <div class="z-10"> 101 <a href="/"> 102 <img class="w-[160px]" src="/build/images/logo.svg" alt="Préventica" /> 103 </a> 104 </div> 105 106 <div class="grow lg:absolute lg:inset-0" data-controller="toggle"> 107 <div class="flex top-0 justify-between h-full section-md"> 108 <button class="relative top-1/2 z-50 p-0 border-none -translate-y-1/2 lg-min:hidden" 109 data-action="toggle#toggleClass" data-toggle-class-param="open"> 110 <span class="parent-[open]:hidden"> 111 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 112 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/> 113</svg> 114 </span> 115
116 <span class="hidden parent-[open]:block"> 117 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 118 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 119</svg> 120 </span> 121 </button> 122 <div class="flex items-center lg-min:hidden"> 123 <ul class="flex gap-[4vw]"> 124 <li> 125 <a href="/connexion"> 126 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 127 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/> 128</svg> 129 </a> 130 </ul> 131 </div> 132 </div> 133 134 <div class="relative" data-controller="horizontal-scroll"> 135 <nav id="thematics-scroll-nav" data-horizontal-scroll-target="slider" class="relative hidden lg:flex px-5 bg-white items-center w-full h-12 overflow-x-auto"> 136 <ul class="flex flex-nowrap items-center gap-5"> 137 138 139 <li> 140 <a draggable="false" 141 class="uppercase rounded-md button-sm button-solid-white-pink !border-pink-brand whitespace-nowrap " 142 href="/salon/lyon-2026">LYON 06>08 oct</a> 143 </li> 144 <li> 145 <a href="/thematique/sante-securite-au-travail" 146 draggable="false" 147 class="text-blue-brand hover:text-pink-brand whitespace-nowrap rounded-full border border-blue-brand p-1.5 "> 148 #Santé & Sécurité au Travail 149 </a> 150 </li> 151 <li> 152 <a href="/thematique/management-rh-qvt" 153 draggable="false" 154 class="text-blue-brand hover:text-pink-brand whitespace-nowrap rounded-full border border-blue-brand p-1.5 "> 155 #Management RH/QVCT 156 </a> 157 </li> 158 <li> 159 <a href="/thematique/environnement-de-travail" 160 draggable="false" 161 class="text-blue-brand hover:text-pink-brand whitespace-nowrap rounded-full border border-blue-brand p-1.5 "> 162 #Environnement de Travail 163 </a> 164 </li> 165 166 <li> 167 <a draggable="false" 168 class="text-2xl text-blue-brand hover:text-pink-brand whitespace-nowrap rounded-full border border-blue-brand p-1.5 " 169 href="/magazine"> Magazine</a> 170 </li> 171 <li> 172 <a draggable="false" 173 class="text-2xl text-blue-brand hover:text-pink-brand whitespace-nowrap rounded-full border border-blue-brand p-1.5 " 174 href="/webinars"> Webinars</a> 175 </li> 176 <li> 177 <a draggable="false" 178 class="text-2xl text-blue-brand hover:text-pink-brand whitespace-nowrap rounded-full border border-blue-brand p-1.5 " 179 href="/annuaire"> Annuaire</a> 180 </li> 181 <li> 182 <a draggable="false" 183 class="text-2xl text-blue-brand hover:text-pink-brand whitespace-nowrap rounded-full border border-blue-brand p-1.5 " 184 href="/podcasts"> Podcasts</a> 185 </li> 186 187 </ul> 188 189 </nav>
190 <span data-horizontal-scroll-target="arrowLeft" class="hidden lg:flex absolute text-blue-brand left-0 top-0 bottom-0 z-10 items-center"> 191 <svg class="rotate-180 w-4 h-4" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 192 <g transform="rotate(90, 7.5, 4)"> 193 <path d="M7.41292 0.00368229C7.22357 0.0246526 7.04478 0.107609 6.90093 0.241035L0.408204 6.18757C0.189306 6.34565 0.0437283 6.59614 0.0083606 6.8759C-0.0270071 7.15566 0.0508465 7.43841 0.222731 7.65296C0.394402 7.86773 0.643709 7.99378 0.90789 7.99978C1.17208 8.00577 1.42613 7.89124 1.60619 7.68453L7.49989 2.28528L13.3936 7.68453C13.5739 7.89123 13.8279 8.00576 14.0921 7.99978C14.3563 7.99378 14.6056 7.86773 14.7773 7.65296C14.9492 7.43842 15.027 7.15566 14.9916 6.8759C14.9561 6.59614 14.8107 6.34565 14.5918 6.18756L8.09906 0.241035C7.90971 0.0663611 7.66234 -0.0193666 7.41302 0.00368229L7.41292 0.00368229Z" fill="currentColor"/> 194 </g> 195</svg> 196 </span> 197 <span data-horizontal-scroll-target="arrowRight" class="hidden lg:flex absolute text-blue-brand right-0 top-0 bottom-0 z-10 items-center"> 198 <svg class="rotate-0 w-4 h-4" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 199 <g transform="rotate(90, 7.5, 4)"> 200 <path d="M7.41292 0.00368229C7.22357 0.0246526 7.04478 0.107609 6.90093 0.241035L0.408204 6.18757C0.189306 6.34565 0.0437283 6.59614 0.0083606 6.8759C-0.0270071 7.15566 0.0508465 7.43841 0.222731 7.65296C0.394402 7.86773 0.643709 7.99378 0.90789 7.99978C1.17208 8.00577 1.42613 7.89124 1.60619 7.68453L7.49989 2.28528L13.3936 7.68453C13.5739 7.89123 13.8279 8.00576 14.0921 7.99978C14.3563 7.99378 14.6056 7.86773 14.7773 7.65296C14.9492 7.43842 15.027 7.15566 14.9916 6.8759C14.9561 6.59614 14.8107 6.34565 14.5918 6.18756L8.09906 0.241035C7.90971 0.0663611 7.66234 -0.0193666 7.41302 0.00368229L7.41292 0.00368229Z" fill="currentColor"/> 201 </g> 202</svg> 203 </span> 204 </div> 205 <nav class="flex inset-0 z-30 items-center w-full h-full lg:hidden lg:fixed lg:top-10 lg:bg-white lg:parent-[open]:block overflow-auto"> 206 <div class="lg:border-t-2 lg:border-t-alice-blue md:mr-28 sm:ml-4 grow mt-[7px] lg-min:hidden"> 207 <div class="lg:section-md lg:pt-4 lg:pb-4"> 208 <p class="mb-8 text-lg uppercase opacity-75 lg-min:hidden lg:hidden md:mb-4">Liens</p> 209 210 <ul class="flex gap-10 justify-around items-center px-10 lg:justify-start lg:px-0 lg:flex-col lg:items-stretch lg:gap-4 l"> 211 <li> 212 <a href="/thematique/sante-securite-au-travail" 213 class="md:text-3xl tracking-[0.075em] uppercase lg:capitalize text-blue-brand hover:text-pink-brand ">Santé & Sécurité au Travail</a> 214 </li> 215 <li> 216 <a href="/thematique/management-rh-qvt" 217 class="md:text-3xl tracking-[0.075em] uppercase lg:capitalize text-blue-brand hover:text-pink-brand ">Management RH/QVCT</a> 218 </li> 219 <li> 220 <a href="/thematique/environnement-de-travail" 221 class="md:text-3xl tracking-[0.075em] uppercase lg:capitalize text-blue-brand hover:text-pink-brand ">Environnement de Travail</a> 222 </li> 223 </ul> 224 </div> 225</div> 226 <div class="lg:border-t-2 lg:border-t-alice-blue md:mr-28 sm:ml-4 grow mt-[7px]"> 227 <div class="lg:section-md lg:pt-4 lg:pb-4"> 228 <p class="mb-8 text-lg uppercase opacity-75 lg-min:hidden lg:hidden md:mb-4">Liens</p> 229 230 <ul class="flex gap-10 justify-around items-center mr- px-10 lg:justify-start lg:px-0 lg:flex-col lg:items-stretch lg:gap-4"> 231 <li> 232 <a class="md:text-3xl tracking-[0.075em] uppercase lg:capitalize text-blue-brand hover:text-pink-brand " 233 href="/magazine"> Magazine</a> 234 </li> 235 <li> 236 <a class="md:text-3xl tracking-[0.075em] uppercase lg:capitalize text-blue-brand hover:text-pink-brand " 237 href="/webinars"> Webinars</a> 238 </li> 239 <li> 240 <a class="md:text-3xl tracking-[0.075em] uppercase lg:capitalize text-blue-brand hover:text-pink-brand " 241 href="/annuaire"> Annuaire</a> 242 </li> 243 <li> 244 <a class="md:text-3xl tracking-[0.075em] uppercase lg:capitalize text-blue-brand hover:text-pink-brand " 245 href="/podcasts"> Podcasts</a> 246 </li> 247 </ul> 248 </div> 249</div> 250 251 <div class="lg:border-t-2 lg:border-t-alice-blue md:mr-28 sm:ml-4"> 252 <div class="lg:section-md lg:pt-4 lg:pb-4"> 253 <p class="mb-8 text-lg uppercase opacity-75 lg-min:hidden lg:hidden md:mb-4">Salons</p> 254 255 <ul class="flex gap-2 justify-end items-center lg:justify-start lg:flex-wrap"> 256 257 <li> 258 <a class="md:text-3xl tracking-[0.075em] uppercase rounded-md button-md button-solid-pink-brand " 259 href="/salon/lyon-2026">LYON 06>08 oct</a> 260 </li> 261 262 <li> 263 <a class="md:text-3xl tracking-[0.075em] uppercase rounded-md button-md button-solid-pink-brand " 264 href="https://landing.preventica.com/salons2027" target="_blank">EDITIONS 2027</a> 265 </li> 266 </ul> 267 </div> 268</div> 269 270 </nav> 271 </div> 272 </section> 273 </div> 274 275 <div class="relative z-10 shadow-inner bg-ghost-white lg:ghost-white lg:sh
275adow-md lg:shadow-blue-brand-alpha"> 276 <section class="h-12 2xl:h-9 xl:h-8 lg:h-10 lg:hidden"> 277 <ul class="flex overflow-hidden gap-6 justify-between items-center h-full" data-controller="scroll-x-slider" 278 data-scroll-x-slider-has-arrows-value="true"> 279 <li> 280 <a href="/thematique/sante-securite-au-travail" 281 class="text-blue-brand hover:text-pink-brand text-lg uppercase whitespace-nowrap ">Santé & Sécurité au Travail</a> 282 </li> 283 <li> 284 <a href="/thematique/management-rh-qvt" 285 class="text-blue-brand hover:text-pink-brand text-lg uppercase whitespace-nowrap ">Management RH/QVCT</a> 286 </li> 287 <li> 288 <a href="/thematique/environnement-de-travail" 289 class="text-blue-brand hover:text-pink-brand text-lg uppercase whitespace-nowrap ">Environnement de Travail</a> 290 </li> 291 </ul> 292 </section> 293 </div> 294</header> 295 296 297 <div class="hidden fixed right-0 top-60 z-10 flex-col gap-4 items-end lg-min:flex"> 298 <a href="/connexion " 299 class="flex gap-0 items-center p-2 text-white rounded-l-lg border-2 duration-300 group hover:gap-3 bg-blue-brand border-blue-brand hover:bg-white hover:text-blue-brand hover:border-blue-brand"> 300 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8"> 301 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/> 302</svg> 303 <span class="text-sm leading-sm pr-0 max-h-[16px] leading-1 group-hover:pr-1 max-w-0 overflow-hidden duration-100 group-hover:max-w-[100%]">S'inscrire / Se connecter</span> 304 </a> 305 306 <a href="/salon/lyon-2026/visiter" 307 class="flex gap-0 items-center p-2 text-white rounded-l-lg border-2 duration-300 group hover:gap-3 bg-blue-brand border-blue-brand hover:bg-white hover:text-blue-brand hover:border-blue-brand"> 308 <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 309 <path d="M3 6C3 4.89543 3.89543 4 5 4H19C20.1046 4 21 4.89543 21 6V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V6Z" 310 stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 311 <path d="M3 10H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 312 <path d="M16 2V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 313 <path d="M8 2V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 314</svg> <span class="text-sm leading-sm pr-0 max-h-[16px] leading-1 group-hover:pr-1 max-w-0 overflow-hidden duration-100 group-hover:max-w-[100%]">S'inscrire au salon Préventica</span> 315 </a> 316 317 <a href="/newsletter/inscription" 318 class="flex gap-0 items-center p-2 text-white rounded-l-lg border-2 duration-300 group hover:gap-3 bg-blue-brand border-blue-brand hover:bg-white hover:text-blue-brand hover:border-blue-brand"> 319 <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 320 <path d="M12 7V12M12 12V17M12 12H7M12 12H17M5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21Z" 321 stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 322</svg> 323 <span class="text-sm leading-sm pr-0 max-h-[16px] leading-1 group-hover:pr-1 max-w-0 overflow-hidden duration-100 group-hover:max-w-[100%]">S'abonner à la newsletter</span> 324 </a> 325 326 <a href="/demande-participation?fair=9&requestType=participer" 327 class="flex gap-0 items-center p-2 text-white rounded-l-lg border-2 duration-300 group hover:gap-3 bg-blue-brand border-blue-brand hover:bg-white hover:text-blue-brand hover:border-blue-brand"> 328 <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 329 <path d="M21.9348 15.6583L18.6383 3.37924C18.2799 2.0442 16.6391 1.55235 15.603 2.46935L13.5253 4.30818C11.2132 6.35446 8.45556 7.83537 5.47068 8.63362C2.97216 9.30181 1.49142 11.8725 2.16089 14.3662C2.83037 16.8599 5.40053 18.3472 7.89906 17.679C10.8839 16.8807 14.014 16.787 17.0415 17.4054L19.762 17.961C21.1187 18.2381 22.2932
32916.9933 21.9348 15.6583Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 330 <path d="M7.71777 8L11.5003 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 331</svg> <span class="text-sm leading-sm pr-0 max-h-[16px] leading-1 group-hover:pr-1 max-w-0 overflow-hidden duration-100 group-hover:max-w-[100%]">Devenir annonceur</span> 332 </a> 333 </div> 334 335 336 <main> 337 <div class="bg-main-grey"> 338 <section class="pt-9 pb-12 section-sm" data-controller='gtag-event' > 339 <div class="flex justify-center items-center gap-ch1 title-h2"> 340 <svg class="w-4.5 h-5.5 text-pink-brand" width="18" height="22" viewbox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 341 <g id="Calque_1" clip-path="url(#clip0_2981_9989)"> 342 <path id="Vector" d="M7.97266 10.53V21.4291C7.97266 21.4291 18.0002 19.6966 18.0002 13.1312V1.48828C18.0002 1.48828 7.97266 4.83335 7.97266 10.53Z" fill="currentColor"/> 343 <path id="Vector_2" d="M0 7.91873V0C0 0 7.28895 1.2622 7.28895 6.02784V14.4889C7.28895 14.4889 0 12.0605 0 7.91873Z" fill="currentColor"/> 344 <path id="Vector_3" d="M0.243142 20.8056C0.243142 20.8056 -0.360759 14.9842 6.76902 14.8594C6.76902 14.8594 7.61635 20.8056 0.243142 20.8056Z" fill="currentColor"/> 345 </g> 346 <defs> 347 <clipPath id="clip0_2981_9989"> 348 <rect width="18" height="21.4286" fill="white"/> 349 </clipPath> 350 </defs> 351</svg> 352 353 <h1>Accéder à mon compte</h1> 354 </div> 355 356 <p class="text-center"> 357 Créer un compte Préventica vous permet dâaccéder librement et de façon illimitée à tous les services en 358 ligne de la plateforme : participation aux salons, aux Webinars, prise de contact en direct avec les 359 prestataires de lâannuaire, abonnement au magazine, inscription aux événements⦠360 </p> 361 </section> 362 363 <div class="flex gap-6 pb-10 section-sm lg:flex-col"> 364 <section class="px-12 py-8 text-center bg-white rounded-2xl grow basis-0 lg:m-0 md:px-4"> 365 <h2 class="title-h2">Se connecter</h2> 366 367 <form action="/connexion" 368 class="flex flex-col gap-4" method="post"> 369 370 371 372 373 374 375 376 377 <label class=" font-bold flex justify-between text-lg items-center "> 378 <span class="inline-block text-left grow-2 basis-0 "> 379 380 Votre email <span class="text-pink-brand"> * </span> : 381 </span> 382 383 <div class="flex flex-col w-full grow-4 basis-0 gap-ch1"> 384 <div class="flex gap-2 items-center font-normal"> 385 <input id="_09223372036854775806" 386 387 class="disabled:bg-main-grey border-2 border-bright-grey bg-ghost-white rounded-lg text-blue-brand text-lg w-full placeholder:text-dark-grey-alpha placeholder:normal-case " 388 value="" name="email" 389 autocomplete="email" placeholder="" 390 type="email" required autofocus /> 391 392 393 </div> 394 395 396 397 398 399 </div> 400 </label> 401 402 403 404 405 406 407 408 409 <label data-controller="toggle" data-toggle-selector-value="#_09223372036854775805" class=" font-bold flex justify-between text-lg items-center "> 410 <span class="inline-block text-left grow-2 basis-0 "> 411 412 Mot de passe <span class="text-pink-brand"> * </span> : 413 </span> 414 415 <div class="flex flex-col w-full grow-4 basis-0 gap-ch1"> 416 <div class="flex gap-2 items-center font-normal"> 417 <input id="_09223372036854775805" 418 419 class="disabled:bg-main-grey border-2 border-bright-grey bg-ghost-white rounded-lg text-blue-brand text-lg w-full placeholder:text-dark-grey-alpha placeholder:normal-case " 420 value="" name="password" 421 autocomplete="current-password" placeholder="" 422 type="password" required /> 423
424 <span id="toggle_09223372036854775805" class="group" data-toggle-element-param="#toggle_09223372036854775805" data-action="click->toggle#togglePasswordInput"> 425 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 426 class="w-6 h-6 text-pink-brand inline group-[&.active]:hidden"> 427 <path stroke-linecap="round" stroke-linejoin="round" 428 d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"/> 429 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 430</svg> 431 <svg class="hidden group-[&.active]:inline w-6 h-6 text-pink-brand inline" xmlns="http://www.w3.org/2000/svg" fill="none" 432 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 433> 434 <path stroke-linecap="round" stroke-linejoin="round" 435 d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"/> 436</svg> 437 </span> 438 439 </div> 440 441 442 443 444 445 </div> 446 </label> 447 448 449 450 451<div class="flex flex-col gap-ch1"> 452 <div class="flex relative gap-6 items-center text-lg self-center"> 453 <input 454 id="_remember_me" 455 class="absolute left-0 top-0 opacity-0 pointer-events-none peer self-center" 456 name="_remember_me" value="" checked 457 type="checkbox" 458 459 /> 460 461 <label class="inline-block relative rounded-sm border-2 w-em1 min-w-[16px] h-em1 min-h-[16px] bg-ghost-white border-blue-brand after:rounded-sm after:absolute after:bg-blue-brand after:inset-0.5 after:hidden peer-checked:after:block peer-checked:bg-white" for="_remember_me"></label> 462 463 <label class="" for="_remember_me">Rester connecté </label> 464 </div> 465 466 467 </div> 468 469 470 <input type="hidden" name="_csrf_token" value="131a444a8f46abe427babeeca0f8af.fUiLA7frezuECGjMd94xTwkvw1-pM_CY7tQIUlXEHqM.JwnFQd3aQg7cZAe5EqRnJ1hM7mzja8nPp61fYAGCKNcnK-9PwZ4dDcJsKQ"> 471 472 <button id="" class="self-center mt-4 uppercase rounded-md button-solid-pink-brand max-w-fit button-md" data-controller="recaptcha-submit" data-sitekey="6LdqegIrAAAAAJ8y1Lw-4mjJarAEfZVfWLnt-Svu" data-turbo="false" type="submit"> 473 Se connecter 474 </button> </form> 475 476 <a href="/connexion/mot-de-passe-oublie" 477 class="inline-block mt-24 font-bold text-pink-brand">Mot de passe oublié ?</a> 478 </section> 479 480 <section 481 class="flex flex-col justify-center px-12 py-8 text-center text-white rounded-2xl bg-pink-brand-gradient grow basis-0 lg:m-0"> 482 <h2 class="title-h2">Nouvel utilisateur ?</h2> 483 484 <a class="mx-auto uppercase rounded-md button button-md button-solid-white-pink w-fit" 485 href="/inscription">Je crée mon compte</a> 486 </section> 487 </div> 488 489 <section class="pb-14 section-sm"> 490 <p> 491 Les informations recueillies par PREVENTICA, en tant que responsable de traitement, font l'objet d'un 492 traitement informatique destiné à l'accès et à la gestion des services souscrits. 493 </p> 494 495 <p> 496 Nous conservons vos données trois ans à compter de leur collecte par COMMUNICA ou du dernier contact 497 émanant de votre part (demande d'information par exemple, action sur un emailing...) et seront destinées 498 exclusivement aux services Commerciale, Communication et Logistique. 499 </p> 500 501 <p> 502 Conformément à la loi « Informatique et Libertés » du 6 janvier 1978 modifiée et du Règlement Général 503 sur la Protection des Données du 27 avril 2016, vous bénéficiez d'un droit d'accès, de rectification, de 504 suppression, de limitation, de portabilité (lorsqu'il s'applique) et d'opposition aux informations qui 505 vous concernent. Vous pouvez exercer ces droits en vous adressant au service DPO à l'adresse 506 [email protected]. 507 </p> 508 509 <p> 510 Vous disposez également du droit d'introduire une réclamation auprès de la CNIL. 511 </p> 512 </section> 513 </div> 514 515 516 <div id="bottom-aside-bar" class="fixed bottom-0 left-0 w-full text-white bg-blue-brand this-[hide]:translate-y-full transition-transform duration-300 z-50 hide" data-controller="interval-class" data-interval-class-id-value="9" data-interval-class-class-value="hide" data-interval-class-interval-value="2592000000"> 517 <aside class="flex justify-between items-center py-5 section-md sm:py-4"> 518 <div class="flex flex-col"> 519 <a class="inline-block" href="/salon/lyon-2026"> 520 <h2 data-tag="LYON â26" class="xl:flex xl:flex-col xl:items-start text-xl flex items-center gap-ch1 font-bold uppercase before:content-[attr(data-tag)] before:bg-pink-brand before:text-base before:px-2.5 before:h-full">
521 Préventica LYON : 06 > 08 octobre 2026 522 </h2> 523 </a> 524 </div> 525 <div class="flex gap-4 xl:hidden"> 526 <a class="rounded-md button button-solid-pink-brand button-md" href="/salon/lyon-2026/visiter">VISITER</a> 527 528 <a class="rounded-md button button-solid-pink-brand button-md" href="/demande-participation?fair=9&requestType=participer">EXPOSER</a> 529 530 <a class="rounded-md button button-solid-pink-brand button-md" href="/demande-participation?fair=9&requestType=parrainer">CONTRIBUER</a> 531 </div> 532 <button class="absolute right-7 top-1/2 -translate-y-1/2 xl:top-7" data-action="interval-class#start"> 533 <svg class="w-8 h-8 sm:w-6 sm:h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 534 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 535</svg> 536 </button> 537 </aside> 538 </div> 539 540 541 </main> 542 543 <footer class="bg-white"> 544 <section class="flex justify-between lg:grid lg:relative lg:grid-cols-[repeat(auto-fit,_minmax(200px,_1fr))] lg:gap-2 lg:max-w-none"> 545 546 <div class="pt-4 w-[20%] lg:w-full lg:col-span-2 lg:p-5 lg:pt-3.5 lg:pb-1"> 547 548 549 <p class="mb-3.5 text-2xl font-bold whitespace-nowrap">Les rendez-vous 2026</p> 550 551 <ul class="flex flex-wrap gap-2"> 552 <li> 553 <a class="uppercase rounded-lg button-md button-solid-pink-brand" 554 href="/salon/lyon-2026">LYON 06 > 08 oct</a> 555 </li> 556 <li> 557 <a target="_blank" class="uppercase rounded-lg button-md button-solid-pink-brand" 558 rel="noopener noreferrer" 559 href="https://preventica.ma" >CASABLANCA 10 > 12 NOV</a> 560 561 </li> 562 </ul> 563 </div> 564 565 <div class="pt-4 w-[20%] ml-14 lg:col-span-2 lg:w-full lg:m-0 lg:pt-3.5 lg:pb-1 lg:p-5"> 566 <p class="mb-3.5 text-2xl font-bold whitespace-nowrap">Rétrospective</p> 567 568 <ul class="flex flex-wrap gap-2"> 569 <li class=""> 570 <a class="inline-block font-bold text-pink-brand" 571 href="/salon/rennes-2026"> 572 <h4> RENNES 16 > 18 juin 2026 </h4> 573 </a> 574 </li> 575 <li class=""> 576 <a class="inline-block font-bold text-pink-brand" 577 href="/salon/bordeaux-2025"> 578 <h4> BORDEAUX 14 > 16 oct 2025 </h4> 579 </a> 580 </li> 581 <li class=""> 582 <a class="inline-block font-bold text-pink-brand" 583 href="/salon/paris-2025"> 584 <h4> PARIS 10 > 12 juin 2025 </h4> 585 </a> 586 </li> 587 </ul> 588 </div> 589 590 <div class="pt-4 w-[20%] mr-16 lg:col-span-2 lg:w-full lg:m-0 lg:p-5 lg:pt-3.5 lg:pb-1"> 591 <p class="mb-3.5 text-2xl font-bold whitespace-nowrap ">Les services digitaux</p> 592 593 <ul class="flex flex-wrap gap-2"> 594 <li> 595 <a class="uppercase rounded-lg button-xs button-outline-pink-brand" 596 href="/magazine">Magazine</a> 597 </li> 598 <li> 599 <a class="uppercase rounded-lg button-xs button-outline-pink-brand" 600 href="/webinars">Webinars</a> 601 </li> 602 <li> 603 <a class="uppercase rounded-lg button-xs button-outline-pink-brand" 604 href="/annuaire">Annuaire</a> 605 </li> 606 <li> 607 <a class="uppercase rounded-lg button-xs button-outline-pink-brand" 608 href="/podcasts">Podcasts</a> 609 </li> 610 </ul> 611 </div> 612 613 <div class="pt-4 w-[20%] lg:w-full lg:m-0 lg:col-span-3 lg:p-5 lg:pt-3.5 lg:pb-1"> 614 <p class="mb-3.5 text-2xl font-bold whitespace-nowrap">Les grands enjeux</p> 615 <ul> 616 <li> 617 <a class="inline-block font-bold text-pink-brand" 618 href="/thematique/sante-securite-au-travail"> 619 <h4>Santé & Sécurité au Travail</h4> 620 </a> 621 622 </li> 623 <li> 624 <a class="inline-block font-bold text-pink-brand" 625 href="/thematique/management-rh-qvt"> 626 <h4>Management RH/QVCT</h4> 627 </a> 628 629 </li> 630 <li> 631 <a class="inline-block font-bold text-pink-brand" 632 href="/thematique/environnement-de-travail"> 633 <h4>Environnement de Travail</h4> 634 </a> 635 636 </li> 637 </ul> 638 </div> 639 640 <div class="w-[20%] px-5 py-6 text-white bg-blue-brand lg:w-full lg:m-0 lg:col-span-2"> 641 <p class="mb-7 text-xl font-bold text-center text-white">Choisissez de recevoir lâinfo qui vous plaît</p> 642 643 <form class="flex overflow-hidden mb-8 rounded-md " action="/newsletter/inscription"> 644 <input class="px-3 py-4 w-full text-blue-brand placeholder:normal-case placeholder:text-dark-grey" type="email" placeholder="[email protected]" name="email"/> 645 646 <button class="px-4 button-solid-pink-brand">OK</button> 647 </form> 648 649 650 <ul class="flex gap-5 justify-evenly lg:justify-center"> 651 <li> 652 <a target="_blank" 653 href="https://www.facebook.com/preventica"> 654 <svg class="w-6 h-6" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 655 <g clip-path="url(#clip0_1539_25054)"> 656 <path id="Vector" d="M20 10C20 4.47715 15.5229 0 10 0C4.47715 0 0 4.47715 0 10C0 14.9912 3.65684 19.1283 8.4375 19.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375 5.29063 9.93047 3.90625 12.2146 3.90625C13.3084 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1922C11.95 6.5625 11.5625 7.3334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8785C16.3432 19.1283 20 14.9912 20 10Z" fill="currentColor"></path> 657 </g> 658 <defs> 659 <clipPath id="clip0_1539_25054"> 660 <rect width="20" height="20" fill="currentColor"></rect> 661 </clipPath> 662 </defs> 663 </svg> 664</a> 665 </li> 666 667 <li> 668 <a target="_blank" href="https://twitter.com/Preventica">
668<svg class="w-6 h-6" viewBox="0 0 24 24" aria-hidden="true"> 669 <g> 670 <path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> 671 </g> 672</svg></a> 673 </li> 674 675 <li> 676 <a target="_blank" 677 href="https://www.linkedin.com/company/3114773/admin/campaigns/"> 678 <svg class="w-6 h-6" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 679 <g clip-path="url(#clip0_1539_25051)"> 680 <path id="Vector" 681 d="M18.5236 0H1.47639C1.08483 0 0.709301 0.155548 0.432425 0.432425C0.155548 0.709301 0 1.08483 0 1.47639V18.5236C0 18.9152 0.155548 19.2907 0.432425 19.5676C0.709301 19.8445 1.08483 20 1.47639 20H18.5236C18.9152 20 19.2907 19.8445 19.5676 19.5676C19.8445 19.2907 20 18.9152 20 18.5236V1.47639C20 1.08483 19.8445 0.709301 19.5676 0.432425C19.2907 0.155548 18.9152 0 18.5236 0ZM5.96111 17.0375H2.95417V7.48611H5.96111V17.0375ZM4.45556 6.1625C4.11447 6.16058 3.7816 6.05766 3.49895 5.86674C3.21629 5.67582 2.99653 5.40544 2.8674 5.08974C2.73826 4.77404 2.70554 4.42716 2.77336 4.09288C2.84118 3.7586 3.0065 3.4519 3.24846 3.21148C3.49042 2.97107 3.79818 2.80772 4.13289 2.74205C4.4676 2.67638 4.81426 2.71133 5.12913 2.84249C5.44399 2.97365 5.71295 3.19514 5.90205 3.47901C6.09116 3.76288 6.19194 4.09641 6.19167 4.4375C6.19488 4.66586 6.15209 4.89253 6.06584 5.104C5.97959 5.31547 5.85165 5.50742 5.68964 5.66839C5.52763 5.82936 5.33487 5.95607 5.12285 6.04096C4.91083 6.12585 4.68389 6.16718 4.45556 6.1625ZM17.0444 17.0458H14.0389V11.8278C14.0389 10.2889 13.3847 9.8
6811389 12.5403 9.81389C11.6486 9.81389 10.7736 10.4861 10.7736 11.8667V17.0458H7.76667V7.49306H10.6583V8.81667H10.6972C10.9875 8.22917 12.0042 7.225 13.5556 7.225C15.2333 7.225 17.0458 8.22083 17.0458 11.1375L17.0444 17.0458Z" 682 fill="currentColor"></path> 683 </g> 684 <defs> 685 <clipPath id="clip0_1539_25051"> 686 <rect width="20" height="20" fill="currentColor"></rect> 687 </clipPath> 688 </defs> 689 </svg> 690</a> 691 </li> 692 693 <li> 694 <a target="_blank" 695 href="https://www.instagram.com/preventica.france/"><svg 696 version="1.1" 697 id="Icons" 698 xmlns="http://www.w3.org/2000/svg" 699 xmlns:xlink="http://www.w3.org/1999/xlink" 700 viewBox="0 0 32 32" 701 xml:space="preserve" 702 width="25px" 703 height="26px" 704 fill="#ffffff" 705 stroke="#ffffff"> 706 707 <!-- Background Carrier --> 708 <g id="SVGRepo_bgCarrier" stroke-width="0"></g> 709 710 <!-- Tracer Carrier --> 711 <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 712 713 <!-- Icon Carrier --> 714 <g id="SVGRepo_iconCarrier"> 715 <style type="text/css"> 716 .st0 { 717 fill: none; 718 stroke: #ffffff; 719 stroke-width: 2; 720 stroke-linecap: round; 721 stroke-linejoin: round; 722 stroke-miterlimit: 10; 723 } 724 .st1 { 725 fill: none; 726 stroke: #ffffff; 727 stroke-width: 2; 728 } 729 .st2 { 730 fill: none; 731 stroke: #ffffff; 732 stroke-width: 2; 733 stroke-miterlimit: 10; 734 } 735 </style> 736 737 <!-- Outer Rectangle --> 738 <path 739 class="st0" 740 d="M23,31H9c-4.4,0-8-3.6-8-8V9c0-4.4,3.6-8,8-8h14c4.4,0,8,3.6,8,8v14C31,27.4,27.4,31,23,31z"> 741 </path> 742 743 <!-- Inner Circle --> 744 <circle 745 class="st0" 746 cx="16" 747 cy="16" 748 r="7"> 749 </circle> 750 751 <!-- Small Circle --> 752 <circle 753 class="st0" 754 cx="24" 755 cy="7" 756 r="1"> 757 </circle> 758 </g> 759</svg></a> 760 </li> 761 762 </ul> 763 </div> 764 765 </section> 766 767 <div class="text-white cursor-pointer 768 opacity-0 pointer-events-none 769 this-[scrolled]:pointer-events-auto this-[scrolled]:opacity-100 770 fixed w-fit h-fit right-5 bottom-24 border-2 duration-300 border-blue-brand bg-blue-brand rounded-xl p-4 hover:bg-white hover:text-blue-brand" 771 data-controller="scroll scroll-down-indicator" data-action="click->scroll#scrollTop"> 772 <svg class="w-6 h-6" width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 773 <path d="M7.41292 0.00368229C7.22357 0.0246526 7.04478 0.107609 6.90093 0.241035L0.408204 6.18757C0.189306 6.34565 0.0437283 6.59614 0.0083606 6.8759C-0.0270071 7.15566 0.0508465 7.43841 0.222731 7.65296C0.394402 7.86773 0.643709 7.99378 0.90789 7.99978C1.17208 8.00577 1.42613 7.89124 1.60619 7.68453L7.49989 2.28528L13.3936 7.68453C13.5739 7.89123 13.8279 8.00576 14.0921 7.99978C14.3563 7.99378 14.6056 7.86773 14.7773 7.65296C14.9492 7.43842 15.027 7.15566 14.9916 6.8759C14.9561 6.59614 14.8107 6.34565 14.5918 6.18756L8.09906 0.241035C7.90971 0.0663611 7.66234 -0.0193666 7.41302 0.00368229L7.41292 0.00368229Z" fill="currentColor"/> 774</svg> 775 </div> 776 777 <div class="py-3 text-white bg-pink-brand"> 778 <nav class="section-md"> 779 <ul class="flex justify-between font-medium lg:grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 sm:text-center"> 780 <li> 781 <a href="/qui-sommes-nous">Qui sommes-nous ?</a> 782 </li> 783 <li> 784 <a href="/presse/preventica">Presse</a> 785 </li> 786 <li> 787 <a href="/phototheque">Photothèque</a> 788 </li> 789 <li> 790 <a href="mailto:[email protected]">Contact</a> 791 </li> 792 <li> 793 <a href="/mentions-legales">Mentions légales / CGU</a> 794 </li> 795 <li> 796 <a href="#">Site déclaré à la CNIL sous le N° 882590</a> 797 </li> 798 </ul> 799 </nav> 800 </div> 801</footer> 802 <aside class="flex fixed inset-0 justify-center items-center w-full section-md has-[hide]:pointer-events-none z-[999]"> 803 <div class="flex justify-center items-center child-[hide]:-translate-y-full child-[hide]:opacity-0 child-[hide]:pointer-events-none">
804 <div id="marginal-notification" class="hide inline-block p-9 border-2 border-y-dark-grey bg-white w-[clamp(18rem,70vw,32rem)] rounded-xl relative cursor-pointer shadow-md transition-all duration-300" data-controller="toggle flash" data-action="click->toggle#toggleClass" data-toggle-class-param="hide"> 805 <button class="absolute top-2 right-2"> 806 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 807 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 808</svg> 809 </button> 810 811 <ul class="text-lg font-bold"> 812 </ul> 813</div> 814 815 </div> 816 </aside> 817 </body> 818</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.