PageSourceSearch

https://www.preventica.com/connexion

html preventica.com collected 2026-10-02 04:24:56 UTC 48,863 bytes, 818 lines download raw bytes

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&gt;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é &amp; 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é &amp; 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&gt;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é &amp; 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&amp;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-[&amp;.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-[&amp;.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 &gt; 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&amp;requestType=participer">EXPOSER</a>
529
530				<a class="rounded-md button button-solid-pink-brand button-md" href="/demande-participation?fair=9&amp;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 &gt; 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 &gt; 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 &gt; 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 &gt; 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é &amp; 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.