PageSourceSearch

https://allo-media.github.io/fr/the-scribr/

html allo-media.github.io collected 2026-10-03 08:36:23 UTC 28,601 bytes, 605 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3
4<head>
5  <meta charset="utf-8" />
6<title>The Scribr | Allo-Media</title>
7<meta name="description" content="TheScribr est la plateforme SaaS de Speech Analytics qui analyse vos appels." />
8<meta content="IE=edge" http-equiv="X-UA-Compatible" />
9<meta content="width=device-width, initial-scale=1" name="viewport" />
10<meta name="robots" content="index, follow" />
11<link rel="canonical" href="https://www.allo-media.net/fr/the-scribr/" />
12<!-- Twitter card -->
13<meta name="twitter:card" content="summary_large_image" />
14<meta name="twitter:site" content="allomedia" />
15<meta name="twitter:creator" content="allomedia" />
16<meta name="twitter:title" content="The Scribr | Allo-Media" />
17<meta name="twitter:description" content="TheScribr est la plateforme SaaS de Speech Analytics qui analyse vos appels." />
18
19<meta name="twitter:image" content="https://www.allo-media.net/assets/img/allo-media-og.png" />
20<meta property="og:image" content="https://www.allo-media.net/assets/img/allo-media-og.png" />
21
22<meta name="twitter:card" content="summary_large_image" />
23<!-- Open graph -->
24<meta property="og:type" content="website" />
25<meta property="og:title" content="The Scribr | Allo-Media" />
26<meta property="og:description" content="TheScribr est la plateforme SaaS de Speech Analytics qui analyse vos appels." />
27<meta property="og:locale" content="fr" />
28<meta property="og:url" content="https://www.allo-media.net/fr/the-scribr/" />
29<meta property="og:site_name" content="Allo-Media" />
30<meta property="og:author" content="Allo-Media" />
31
32<!-- <link rel="stylesheet" href="/assets/css/font/stylesheet.css" /> -->
33<link rel="stylesheet" href="/assets/css/font/css/satoshi.css" />
34<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
35<link rel="stylesheet" href="/assets/css/style.css" />
36<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/atom-one-light.min.css" />
37<link rel="icon" type="image/png" href="/assets/img/favicon.png" />
38
39<!-- Start of HubSpot Embed Code -->
40<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/19954126.js"></script>
40
41<!-- End of HubSpot Embed Code -->
42
43<script type="text/javascript">
44  var _paq = (window._paq = window._paq || []);
45  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
46  _paq.push(["trackPageView"]);
47  _paq.push(["enableLinkTracking"]);
48  (function () {
49    var u = "//matomo.allo-media.net/";
50    _paq.push(["setTrackerUrl", u + "matomo.php"]);
51    _paq.push(["setSiteId", "13"]);
52    var d = document,
53      g = d.createElement("script"),
54      s = d.getElementsByTagName("script")[0];
55    g.type = "text/javascript";
56    g.async = true;
57    g.src = u + "matomo.js";
58    s.parentNode.insertBefore(g, s);
59  })();
60</script>
60
61
62</head>
63
64<body><div class="Annoucement">
65  <div class="Helper centered spaceBetween">
66    <div class="content">
67      Notre site web a évolué et est désormais disponible sur <a href="https://uh.live/?ref=allo-media.net">https://uh.live/</a> Venez nous rendre visite !
68    </div>
69  </div>
70</div>
71<header class="Header">
72  <div class="Helper centered spaceBetween">
73    <a href="/" title="Allo-Media">
74      <img loading="lazy" class="Logo" src="/assets/img/logo-allo-media-inline.svg" alt="Logo Allomedia" />
75    </a>
76
77    <nav class="Nav">
78      <button class="Nav__btn">
79        <svg height="100%" viewBox="0 0 32 32" width="100%" xmlns="http://www.w3.org/2000/svg">
80          <path fill="#fff" d="M4 10h24a2 2 0 000-4H4a2 2 0 000 4zm24 4H4a2 2 0 000 4h24a2 2 0 000-4zm0 8H4a2 2 0 000 4h24a2 2 0 000-4z" />
81        </svg>
82      </button>
83      <ul class="Nav__body">
84                               
85        <li class="Nav__item">
86          <a class="Nav__link active" href="/fr/the-scribr/">The Scribr</a>
87        </li>
88            
89        <li class="Nav__item">
90          <a class="Nav__link " href="/fr/callbot/">Callbot</a>
91        </li>
92          
93        <li class="Nav__item">
94          <a class="Nav__link " href="/fr/expertise/">Expertise</a>
95        </li>
96          
97        <li class="Nav__item">
98          <a class="Nav__link " href="/fr/contact/">Contact</a>
99        </li>
100         
101        <li class="Nav__item">
102          <a href="https://blog.uh.live/fr/" class="Nav__link" title="Blog">Blog</a>
103        </li>
104        <li class="Nav__item">
105          <a href="https://docs.allo-media.net/" class="Nav__link" title="Docs">Docs</a>
106        </li>
107
108        <div class="NavLang">
109          <a class="NavLang__item " href="/en/" title="English">En</a>
110          <a class="NavLang__item active" href="/" title="Français">Fr</a>
111        </div>
112        <!-- 
113        <li class="Nav__item">
114          <a class="Nav__link" href="/en/" title="English">En</a>
115        </li>
116         -->
117      </ul>
118    </nav>
119  </div>
120</header>
121<main><div class="Scribr__hero Hero">
122  <div class="Helper centered">
123    <div class="Hero__content">
124      <div class="Hero__txt">
125        <h1 class="Hero__title">The Scribr</h1>
126        <p class="Hero__paragraph">The Scribr est la plateforme SaaS de Speech Analytics qui analyse vos appels. Grâce à la retranscription en temps réel, l’analyse des verbatims offre des données vocales actionnables destinées à l’amélioration continue de la relation client.</p>
127        <a class="Button primary" href="/fr/contact/">
128          Demandez une démo
129        </a>
130      </div>
131      <img alt="The Scribr" class="Scribr__illus Hero__illus" src="/assets/img/scribr/scribr-hero.png" />
132    </div>
133  </div>
134  <svg class="Waves" preserveaspectratio="none" viewbox="0 24 150 28" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
135  <defs>
136    <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="Waves__ref"/>
137  </defs>
138  <g>
139    <use class="Scribr__wave Waves__item" x="48" xlink:href="#Waves__ref" y="0"/>
140    <use class="Scribr__wave Waves__item" x="48" xlink:href="#Waves__ref" y="3"/>
141    <use class="Scribr__wave Waves__item" x="48" xlink:href="#Waves__ref" y="5"/>
142    <use class="Scribr__wave Waves__item" x="48" xlink:href="#Waves__ref" y="7"/>
143  </g>
144</svg>
145
146</div>
147
148<div class="Section Sales">
149  <div class="Helper centered">
150    <div class="SalesHead">
151      <button class="SalesHead__item active" type="button">
152        Avant-vente
153      </button>
154      <button class="SalesHead__item" type="button">
155        Après-vente
156      </button>
157    </div>
158    <div class="SalesBody">
159      <ul class="SalesBodyList active">
160        
161        <li class="SalesBodyList__item">
162          <button data-source="in" data-step="all" class="SalesBodyList__btn customer active" type="button">Détecter les opportunités commerciales (vente croisée, vente additionelle …) </button>
163        </li>
164        
165        <li class="SalesBodyList__item">
166          <button data-source="out" data-step="all" class="SalesBodyList__btn operator " type="button">Détection des freins à la vente</button>
167        </li>
168        
169        <li class="SalesBodyList__item">
170          <button data-source="in" data-step="end" class="SalesBodyList__btn customer " type="button">Détecter le niveau d’engagement d’un prospect/client, jusqu’à la conversion</button>
171        </li>
172        
173      </ul>
174      <ul class="SalesBodyList">
175        
176        <li class="SalesBodyList__item">
177          <button data-source="in" data-step="all" class="SalesBodyList__btn customer active" type="button">
177Anticiper les risques et menaces de churn</button>
178        </li>
179        
180        <li class="SalesBodyList__item">
181          <button data-source="out" data-step="all" class="SalesBodyList__btn operator " type="button">Quality monitoring / Contrôle qualité automatisé</button>
182        </li>
183        
184        <li class="SalesBodyList__item">
185          <button data-source="in" data-step="start" class="SalesBodyList__btn customer " type="button">Mesurer l’effort client</button>
186        </li>
187        
188        <li class="SalesBodyList__item">
189          <button data-source="out" data-step="end" class="SalesBodyList__btn operator " type="button">Mesurer la conformité d’une vente</button>
190        </li>
191        
192        <li class="SalesBodyList__item">
193          <button data-source="in" data-step="end" class="SalesBodyList__btn customer " type="button">Mesurer la satisfaction client</button>
194        </li>
195        
196        <li class="SalesBodyList__item">
197          <button data-source="in" data-step="all" class="SalesBodyList__btn customer " type="button">Repérer la fraude</button>
198        </li>
199        
200      </ul>
201      <div class="SalesBodyTrancript">
202        <div class="SalesBodyTrancript__item right">
203          <img loading="lazy" alt="" class="SalesBodyTrancript__icon active" src="/assets/img/scribr/scribr-customer-icon.svg" />
204          <div class="Trancript active">
205            <div class="Trancript__item customer right" style="width: 0;"></div>
206            <div class="Trancript__item customer right" style="width: 10px;"></div>
207            <div class="Trancript__item customer right" style="width: 30px;"></div>
208            <div class="Trancript__item customer right" style="width: 40px;"></div>
209            <div class="Trancript__item customer right" style="width: 0;"></div>
210            <div class="Trancript__item customer right" style="width: 0;"></div>
211            <div class="Trancript__item customer right" style="width: 0;"></div>
212            <div class="Trancript__item customer right" style="width: 40px;"></div>
213            <div class="Trancript__item customer right" style="width: 30px;"></div>
214            <div class="Trancript__item customer right" style="width: 25px;"></div>
215            <div class="Trancript__item customer right" style="width: 0;"></div>
216          </div>
217          <div class="Trancript active">
218            <div class="Trancript__item customer right" style="width: 0;"></div>
219            <div class="Trancript__item customer right" style="width: 0;"></div>
220            <div class="Trancript__item customer right" style="width: 35px;"></div>
221            <div class="Trancript__item customer right" style="width: 30px;"></div>
222            <div class="Trancript__item customer right" style="width: 25px;"></div>
223            <div class="Trancript__item customer right" style="width: 20px;"></div>
224            <div class="Trancript__item customer right" style="width: 25px;"></div>
225            <div class="Trancript__item customer right" style="width: 0;"></div>
226            <div class="Trancript__item customer right" style="width: 20px;"></div>
227            <div class="Trancript__item customer right" style="width: 30px;"></div>
228            <div class="Trancript__item customer right" style="width: 40px;"></div>
229          </div>
230          <div class="Trancript active">
231            <div class="Trancript__item customer right" style="width: 0;"></div>
232            <div class="Trancript__item customer right" style="width: 10px;"></div>
233            <div class="Trancript__item customer right" style="width: 30px;"></div>
234            <div class="Trancript__item customer right" style="width: 25px;"></div>
235            <div class="Trancript__item customer right" style="width: 0;"></div>
236            <div class="Trancript__item customer right" style="width: 0;"></div>
237            <div class="Trancript__item customer right" style="width: 0;"></div>
238            <div class="Trancript__item customer right" style="width: 0;"></div>
239            <div class="Trancript__item customer right" style="width: 25px;"></div>
240            <div class="Trancript__item customer right" style="width: 30px;"></div>
241            <div class="Trancript__item customer right" style="width: 0;"></div>
242          </div>
243        </div>
244        <div class="SalesBodyTrancript__item">
245          <img loading="lazy" alt="" class="SalesBodyTrancript__icon" src="/assets/img/scribr/scribr-operator-icon.svg" />
246          <div class="Trancript">
247            <div class="Trancript__item operator" style="width: 10px;"></div>
248            <div class="Trancript__item operator" style="width: 30px;"></div>
249            <div class="Trancript__item operator" style="width: 0;"></div>
250            <div class="Trancript__item operator" style="width: 10px;"></div>
251            <div class="Trancript__item operator" style="width: 25px;"></div>
252            <div class="Trancript__item operator" style="width: 30px;"></div>
253            <div class="Trancript__item operator" style="width: 0;"></div>
254            <div class="Trancript__item operator" style="width: 0;"></div>
255            <div class="Trancript__item operator" style="width: 0;"></div>
256            <div class="Trancript__item operator" style="width: 10px;"></div>
257            <div class="Trancript__item operator" style="width: 20p
257x;"></div>
258          </div>
259          <div class="Trancript">
260            <div class="Trancript__item operator" style="width: 30px;"></div>
261            <div class="Trancript__item operator" style="width: 40px;"></div>
262            <div class="Trancript__item operator" style="width: 20px;"></div>
263            <div class="Trancript__item operator" style="width: 10px;"></div>
264            <div class="Trancript__item operator" style="width: 0;"></div>
265            <div class="Trancript__item operator" style="width: 0;"></div>
266            <div class="Trancript__item operator" style="width: 40px;"></div>
267            <div class="Trancript__item operator" style="width: 0;"></div>
268            <div class="Trancript__item operator" style="width: 0;"></div>
269            <div class="Trancript__item operator" style="width: 0;"></div>
270            <div class="Trancript__item operator" style="width: 0;"></div>
271          </div>
272          <div class="Trancript">
273            <div class="Trancript__item operator" style="width: 20px;"></div>
274            <div class="Trancript__item operator" style="width: 30px;"></div>
275            <div class="Trancript__item operator" style="width: 0;"></div>
276            <div class="Trancript__item operator" style="width: 10px;"></div>
277            <div class="Trancript__item operator" style="width: 20px;"></div>
278            <div class="Trancript__item operator" style="width: 30px;"></div>
279            <div class="Trancript__item operator" style="width: 30px;"></div>
280            <div class="Trancript__item operator" style="width: 0;"></div>
281            <div class="Trancript__item operator" style="width: 10px;"></div>
282            <div class="Trancript__item operator" style="width: 0;"></div>
283            <div class="Trancript__item operator" style="width: 0;"></div>
284          </div>
285        </div>
286      </div>
287    </div>
288  </div>
289</div>
290
291<div class="Section How Scribr__altColor">
292  <div class="Helper centered">
293    <h2 class="Heading second light">Comment ça marche ?</h2>
294    <div class="How__content">
295      
296      <div class="How__item light">
297        <img loading="lazy" class="Circle linked light" alt="" src="/assets/img/scribr/scribr-how-connect.svg" />
298        <p class="How__text">Branchement du <strong class="Section__strongWhite">flux téléphone du client</strong class="Section__strongWhite"> dans notre environnement</p>
299      </div>
300      
301      <div class="How__item light">
302        <img loading="lazy" class="Circle linked light" alt="" src="/assets/img/scribr/scribr-how-analyze.svg" />
303        <p class="How__text">Analyse du signal, transcription et anonymisation en <strong class="Section__strongWhite">temps réel</strong class="Section__strongWhite"> des appels</p>
304      </div>
305      
306      <div class="How__item light">
307        <img loading="lazy" class="Circle linked light" alt="" src="/assets/img/scribr/scribr-how-tags.svg" />
308        <p class="How__text"><strong class="Section__strongWhite">Etiquetage et scoring</strong class="Section__strongWhite">, mise à disposition du contenu de l’appel et son enrichissement dans notre <strong class="Section__strongWhite">interface web Scribr</strong class="Section__strongWhite"></p>
309      </div>
310      
311      <div class="How__item light">
312        <img loading="lazy" class="Circle linked light" alt="" src="/assets/img/scribr/scribr-how-actions.svg" />
313        <p class="How__text">Actions manuelles en réponse au contenu de l’appel, ou <strong class="Section__strongWhite">exécution de tâches automatiques</strong class="Section__strongWhite"> auparavant configurées (intégrations outils tiers)</p>
314      </div>
315      
316    </div>
317  </div>
318  <svg class="Waves" preserveaspectratio="none" viewbox="0 24 150 28" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
319  <defs>
320    <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="Waves__ref"/>
321  </defs>
322  <g>
323    <use class="Scribr__wave static Waves__item" x="48" xlink:href="#Waves__ref" y="0"/>
324    <use class="Scribr__wave static Waves__item" x="48" xlink:href="#Waves__ref" y="3"/>
325    <use class="Scribr__wave static Waves__item" x="48" xlink:href="#Waves__ref" y="5"/>
326    <use class="Scribr__wave static Waves__item" x="48" xlink:href="#Waves__ref" y="7"/>
327  </g>
328</svg>
329
330</div>
331
332<div class="Section Features">
333  <div class="Helper centered">
334    <h2 class="Heading second">Fonctionnalités</h2>
335    <div class="FeaturesBody">
336      
337      <div class="FeaturesBody__item">
338        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-transcription.svg" />
339        <p>Transcription en <strong>temps réel</strong> des appels.</p>
340      </div>
341      
342      <div class="FeaturesBody__item">
343        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-anonymize.svg" />
344        <p>
344Anonymisation en <strong>temps réel</strong> des <strong>données privées</strong> et sensibles dans les transcriptions et les audios.</p>
345      </div>
346      
347      <div class="FeaturesBody__item">
348        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-tags.svg" />
349        <p>Etiquetage des appels par <strong>IA pré-entrainée</strong>.</p>
350      </div>
351      
352      <div class="FeaturesBody__item">
353        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-ies.svg" />
354        <p>Note d'<strong>effort client</strong> sur chaque appel <i>(IES : Individual Effort Score)</i>.</p>
355      </div>
356      
357      <div class="FeaturesBody__item">
358        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-search.svg" />
359        <p><strong>Recherche complexe</strong> dans le texte des <strong>transcriptions</strong> de vos appels.</p>
360      </div>
361      
362      <div class="FeaturesBody__item">
363        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-search-result.svg" />
364        <p>Résultats de la recherche qui pointent sur le <strong>moment de l'appel</strong> correspondant aux termes recherchés.</p>
365      </div>
366      
367      <div class="FeaturesBody__item">
368        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-play.svg" />
369        <p>Lecture et ré-écoute des appels.</p>
370      </div>
371      
372      <div class="FeaturesBody__item">
373        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-export.svg" />
374        <p>Export des résultats de recherche.</p>
375      </div>
376      
377      <div class="FeaturesBody__item">
378        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-bookmarks.svg" />
379        <p>Gestion de recherches favorites.</p>
380      </div>
381      
382      <div class="FeaturesBody__item">
383        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-tool-integration.svg" />
384        <p>Intégration avec des <strong>outils tiers</strong> pour <strong>automatiser des actions</strong> selon l'étiquetage des appels.</p>
385      </div>
386      
387      <div class="FeaturesBody__item">
388        <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-privacy.svg" />
389        <p><strong>Accès personnel et sécurisé</strong> à notre plateforme.</p>
390      </div>
391      
392    </div>
393  </div>
394</div>
395
396<div class="Section Scribr__altColor">
397  <div class="Helper centered">
398    <h2 class="Heading second light">Respect de la confidentialité</h2>
399    <div class="Privacy Scribr__privacy">
400      <div class="Privacy__summary">
401        <div class="Circle">
402          <img loading="lazy" alt="security" class="Circle__icon" src="/assets/img/scribr/anonymize.svg" />
403        </div>
404        <p><strong class="Section__strongWhite">Anonymisation des données</strong><br />(privées et sensibles)</p>
405      </div>
406      <div class="Privacy__authority">
407        <img loading="lazy" alt="GDPR" class="Privacy__logo" src="/assets/img/scribr/logo-gdpr.svg" />
408        <img loading="lazy" alt="Verizon" class="Privacy__logo" src="/assets/img/scribr/logo-verizon.svg" />
409      </div>
410    </div>
411  </div>
412  <svg class="Waves" preserveaspectratio="none" viewbox="0 24 150 28" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
413  <defs>
414    <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="Waves__ref"/>
415  </defs>
416  <g>
417    <use class="Scribr__wave staticAlt Waves__item" x="48" xlink:href="#Waves__ref" y="0"/>
418    <use class="Scribr__wave staticAlt Waves__item" x="48" xlink:href="#Waves__ref" y="3"/>
419    <use class="Scribr__wave staticAlt Waves__item" x="48" xlink:href="#Waves__ref" y="5"/>
420    <use class="Scribr__wave staticAlt Waves__item" x="48" xlink:href="#Waves__ref" y="7"/>
421  </g>
422</svg>
423
424</div>
425
426<div class="Section CallToAction">
427  <div class="Helper centered">
428    <div class="CallToActionBody">
429      <div class="CallToActionBody__item">
430        <img loading="lazy" alt="the-scribr" class="SolutionsContent__img" src="/assets/img/scribr/logo-the-scribr.svg" />
431      </div>
432      <div class="CallToActionBody__item right">
433        <a href="/fr/contact/" class="Button primary">
434          Prenez contact avec nous
435        </a>
436        <p class="Paragraph reset">
437          Ou appelez le <a class="CallToAction__link" href="tel:+33184176706">01 84 17 67 06</a>
438        </p>
439      </div>
440    </div>
441  </div>
442</div>
443
444<script type="text/javascript">
445  (function () {
446    const activeLabel = "active";
447    const tabs = Array.apply([], document.querySelectorAll(".SalesHead__item"));
448    const timelines = Array.apply([], document.querySelectorAll(".SalesBodyTrancript__item"));
449    tabs.forEach(function (tab, index) {
450      tab.addEventListener("click", function (e) {
451        const activeTab = document.querySelector(".SalesHead__item." + activeLabel);
452
453        if (!!activeTab) activeTab.classList.remove(activeLabel);
454        this.classList.add(activeLabel);
455
456        const activeContent = document.querySelector(".SalesBodyList." + activeLabel);
457        if (!!activeContent) activeContent.classList.remove(activeLabel);
458
459        const tabContent = document.querySelectorAll(".SalesBodyList");
460        tabContent[index].classList.add(activeLabel);
461
462        const list = tabContent[index].querySelectorAll(".SalesBodyList__btn");
463
464        list.forEach(function (element, index) {
465          element.classList.remove(activeLabel);
466          if (index == 0) element.classList.add(activeLabel);
467        });
468
469        const activeSection = tabContent[index].querySelector(".SalesBodyList__btn." + activeLabel);
470        const step = activeSection.getAttribute("data-step");
471        const source = activeSection.getAttribute("data-source");
472        setTimeline(step, getCurrentTimeline(source));
473        setTimeline("flush", getCurrentTimeline(selectOppositeTimeline(source)));
474      });
475
476      const tabContent = Array.apply([], document.querySelectorAll(".SalesBodyList > .SalesBodyList__item"));
477      tabContent.forEach(function (section, index) {
478        section.addEventListener("click", function (e) {
479          const step = e.target.getAttribute("data-step");
480          const source = e.target.getAttribute("data-source");
481          const activeSection = document.querySelector(".SalesBodyList__item > Button." + activeLabel);
482
483          setTimeline(step, getCurrentTimeline(source));
484          setTimeline("flush", getCurrentTimeline(selectOppositeTimeline(source)));
485
486          if (!!activeSection) activeSection.classList.remove(activeLabel);
487
488          const active = this.firstElementChild;
489
490          active.classList.add(activeLabel);
491        });
492      });
493    });
494
495    /* Utils */
496    function getCurrentTimeline(source) {
497      if (source == "in") return timelines[0];
498      if (source == "out") return timelines[1];
499    }
500
501    function selectOppositeTimeline(source) {
502      if (source == "in") {
503        return "out";
504      } else {
505        return "in";
506      }
507    }
508
509    function setTimeline(step, timeline) {
510      const elementListTimeline = Array.apply([], timeline.children);
511      switch (step) {
512        case "all":
513          elementListTimeline.map(function (element) {
514            element.classList.add(activeLabel);
515          });
516          break;
517        case "start":
518          elementListTimeline.map(function (element, index) {
519            if (index < 2) {
520              element.classList.add(activeLabel);
521            } else {
522              element.classList.remove(activeLabel);
523            }
524          });
525          break;
526        case "end":
527          elementListTimeline.map(function (element, index) {
528            if (index == 0 || index > 2) {
529              element.classList.add(activeLabel);
530            } else {
531              element.classList.remove(activeLabel);
532            }
533          });
534          break;
535        default:
536          elementListTimeline.map(function (element) {
537            element.classList.remove(activeLabel);
538          });
539      }
540    }
541  })();
542</script>
542
543
544</main><footer class="Footer">
545  <div class="Social">
546    <div class="Helper centered spaceBetween">
547      <div>Retrouvez Allo-Media sur les réseaux sociaux</div>
548      <div>
549        
550        <a class="Social__link" target="_BLANK" href="https://www.facebook.com/AlloMedia">
551          <img loading="lazy" class="Social__icon" src="/assets/img/social-facebook.svg" alt="facebook" />
552        </a>
553        
554        <a class="Social__link" target="_BLANK" href="https://www.instagram.com/allomedia">
555          <img loading="lazy" class="Social__icon" src="/assets/img/social-instagram.svg" alt="instagram" />
556        </a>
557        
558        <a class="Social__link" target="_BLANK" href="https://twitter.com/allomedia">
559          <img loading="lazy" class="Social__icon" src="/assets/img/social-twitter.svg" alt="twitter" />
560        </a>
561        
562        <a class="Social__link" target="_BLANK" href="https://www.linkedin.com/company/groupe-allo-media">
563          <img loading="lazy" class="Social__icon" src="/assets/img/social-linkedin.svg" alt="linkedin" />
564        </a>
565        
566        <a class="Social__link" target="_BLANK" href="https://www.youtube.com/channel/UCteVZTYxvWgPmNiNDR9HiZg/videos">
567          <img loading="lazy" class="Social__icon" src="/assets/img/social-youtube.svg" alt="youtube" />
568        </a>
569        
570      </div>
571    </div>
572  </div>
573  <div class="Footer__map Helper centered spaceBetween">
574    <img loading="lazy" class="Footer__logo" src="/assets/img/logo-allo-media-footer.svg" alt="Logo Allomedia" />
575    <div>
576                            
577      <a class="Link footer" href="/fr/the-scribr/">The Scribr</a>
578          
579      <a class="Link footer" href="/fr/callbot/">Callbot</a>
580        
581      <a class="Link footer" href="/fr/expertise/">Expertise</a>
582        
583      <a class="Link footer" href="/fr/contact/">Contact</a>
584       
585      <a class="Link footer" href="mailto:[email protected]">Support</a>
586    </div>
587  </div>
588  <div class="Footer__mentions Helper centered">
589    <p class="Footer__paragraph">Groupe Allo-Media SAS - Capital 1 836 840 € - 531 163 210 R.C.S. Paris - SIRET : 531 163 210 00051</p>
590    <p class="Footer__paragraph">Allo-Media - 1 rue de Stockholm 75008 Paris, France</p>
591    <p class="Footer__paragraph">
592      <a class="Link footer" href="/fr/mentions-legales/">Mentions légales</a>
593      - © <span id="copyright-year"></span> All rights reserved.
594    </p>
595  </div>
596</footer>
597
598<script src="/assets/main.js"></script>
vendor: 1 bytes, line 598
598
599<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
vendor: 1 bytes, line 599
599
600<script>
601  hljs.initHighlightingOnLoad();
602</script>
602
603</body>
604
605</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.