PageSourceSearch

https://paytime.fr/

html paytime.fr collected 2026-10-01 14:27:26 UTC 64,835 bytes, 1,351 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3
4<head>
5
6    <meta charset="utf-8" />
7    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8    <meta http-equiv="X-UA-Compatible" content="IE=edge">
9    <meta name="description" content="PayTime est un logiciel qui permet de gérer les techniciens sur un tournage, du planning à l&#x27;édition des feuilles d&#x27;heures hebdomadaires, avec transmission des heures via une application mobile et calcul de la paie (en accord avec la Convention Collective). Il permet la dématérialisation des notes de frais, des factures fournisseur et des contrats, ainsi qu'une signature électronique. La gestion des bons de commande et des règlements complète le cycle de facturation.">
10    <meta name="author" content="FBCOM">
11
12    <title>PayTime - La gestion dématérialisée des productions cinématographiques et audiovisuelles</title>
13    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
14
15    <!-- Section CSS -->
16
17    <section>
18
19        <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
20        <link rel="stylesheet" href="css/site_20251101.css" />
21        <link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/22.1.4/css/dx.light.css">
22
23    </section>
24
25    <!-- Section Scripts -->
26
27    <section>
28
29        
29<script src="lib/jquery/dist/jquery.min.js"></script>
29
30        
30<script src="lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
30
31        
31<script src="js/site.js"></script>
31
32        
32<script type="text/javascript" src="https://cdn3.devexpress.com/jslib/22.1.4/js/dx.all.js"></script>
32
33        
33<script src="lib/jquery-validation/dist/jquery.validate.min.js"></script>
33
34        
34<script src="lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
34
35
36        <!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
37        
37<script type="text/javascript" src="//www.freeprivacypolicy.com/public/cookie-consent/4.0.0/cookie-consent.js"></script>
37
38
39        <!-- Google -->
vendor: 117 bytes, lines 39-40
39
40        <script type="text/plain" cookie-consent="tracking" async src="https://www.googletagmanager.com/gtag/js?id=
40G-KQWQVC390X
vendor: 23 bytes, lines 40-42
40"></script>
41
42        
42<!-- Google -->
43        
43<script type="text/plain" cookie-consent="tracking"> 
44            
vendor: 203 bytes, lines 44-49
44window.dataLayer = window.dataLayer || []; 
45            function gtag() { 
46                dataLayer.push(arguments);
47            } 
48            gtag('js', new Date()); 
49            gtag('config', '
49G-KQWQVC390X
vendor: 14 bytes, lines 49-50
49'); 
50        
50</script>
50
51
52        <!-- Scripts exécutés au chargement de la page -->
53        
53<script>
54
55            document.addEventListener('DOMContentLoaded', function () {
56                
57                const track = document.querySelector('.carousel-track');
58                const prev = document.querySelector('.carousel-btn.prev');
59                const next = document.querySelector('.carousel-btn.next');
60
61                if (track && prev && next) {
62                    const scrollAmount = 280;
63                    prev.addEventListener('click', () => track.scrollBy({ left: -scrollAmount, behavior: 'smooth' }));
64                    next.addEventListener('click', () => track.scrollBy({ left: scrollAmount, behavior: 'smooth' }));
65                }
66
67                // prevent default image dragging / ghost
68                const imgs = track?.querySelectorAll('img') ?? [];
69                imgs.forEach(img => {
70                    img.setAttribute('draggable', 'false');
71                    img.addEventListener('dragstart', e => e.preventDefault());
72                });
73
74                // Mouse & touch drag scroll
75                let isDown = false;
76                let startX = 0;
77                let scrollLeft = 0;
78
79                function startDragging(pageX, evt) {
80                    // prevent text/image selection while initiating drag
81                    if (evt && evt.type === 'mousedown') evt.preventDefault();
82                    isDown = true;
83                    track.classList.add('dragging');
84                    const rect = track.getBoundingClientRect();
85                    startX = pageX - rect.left;
86                    scrollLeft = track.scrollLeft;
87                }
88
89                function stopDragging() {
90                    isDown = false;
91                    track.classList.remove('dragging');
92                }
93
94                function onDrag(pageX) {
95                    if (!isDown) return;
96                    const rect = track.getBoundingClientRect();
97                    const x = pageX - rect.left;
98                    const walk = (x - startX) * 1.5; // tweak multiplier for speed
99                    track.scrollLeft = scrollLeft - walk;
100                }
101
102                // Mouse events
103                track.addEventListener('mousedown', e => startDragging(e.clientX, e));
104                window.addEventListener('mouseup', stopDragging); // listen on window to be robust
105                track.addEventListener('mousemove', e => onDrag(e.clientX));
106                track.addEventListener('mouseleave', () => { if (isDown) stopDragging(); });
107
108                // Touch events
109                track.addEventListener('touchstart', e => startDragging(e.touches[0].clientX, e));
110                track.addEventListener('touchend', stopDragging);
111                track.addEventListener('touchmove', e => onDrag(e.touches[0].clientX));
112
113                // Optional: while dragging, block selection at document level (extra protection)
114                document.addEventListener('selectstart', (e) => {
115                    if (isDown) e.preventDefault();
116                });
117
118            });
119
120            $(function() {
121
122                var iOS = navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
123
124                if (iOS)
125                    document.head.querySelector('meta[name="viewport"]').content = "width=device-width, initial-scale=1, maximum-scale=1";
126                else
127                    document.head.querySelector('meta[name="viewport"]').content = "width=device-width, initial-scale=1";
128
129               const popupText = "<div style='text-align:center'><img width=320 src='images/logo_sc.png' /></div><div style='text-align:center'><img width=200 src='images/logo_spdp.png' /></div><div style='padding: 15px; font-family: Arial, sans-serif; line-height: 1.6;'><ul style='list-style-type: disc; padding-left: 20px; margin: 0;'><li style='margin-bottom: 10px;'>Mise en conformité de la <b>facturation électronique</b></li><li style='margin-bottom: 10px;'>Interconnexion avec <b>MyRole</b></li><li style='margin-bottom: 10px;'>Nouveau <b>système de validation paramétrable</b> entièrement à votre main</li><li><b>Recadrage</b> des justificatifs de notes de frais</li></ul></div>";
130
131                $('#popup').dxPopup({
132                    visible: true,
133                    showTitle: true,
134                    title: "Nouveautés",
135                    width: 400,
136                    height: 480,
137                    resizeEnabled: false,
138                    position: "center",
139                    dragEnabled: false,
140                    showCloseButton: true,
141                    hideOnOutsideClick: true,
142                    contentTemplate: () => {
143                       const content = $("<div />");
144                        content.append(
145                            $(popupText)
146                        );
147                        return content;
148                    },
149                    onHidden: function(e) {
150                        cookieconsent.run({
151                            "notice_banner_type":"simple",
152                            "consent_type":"express",
153                            "palette":"light",
154                            "language":"fr",
155                            "page_load_consent_levels":["strictly-necessary"],
156                            "notice_banner_reject_button_hide":false,
157                            "preferences_center_close_button_hide":false,
158                            "page_refresh_confirmation_buttons":false,
159                            "website_name":"PayTime"});
160                    }
161                });
162
163                var lastScrollPosition;
164                var headerHeight;
165                $(document).scroll(function() {
166                    var scrollPosition = $(this).scrollTop();
167                    var posHide = 1;
168                    if (window.innerWidth < 800)
169                        posHide = 1;
170                    if (scrollPosition > lastScrollPosition && $(this).scrollTop() > posHide) { // Scrolling down
171                        if ($('.mainBar.show').length) {
172                            $('.mainBar').removeClass('show');
173                            headerHeight = -$('.mainBar').height() + 'px';
174                            $('.mainBar').css('top', headerHeight);
175                        }
176                    } else {  // Scrolling up
177                        if (!$('.mainBar.show').length) {
178                            $('.mainBar').addClass('show');
179                            $('.mainBar').css('top', '0');
180                        }
181                    }
182                    lastScrollPosition = scrollPosition;
183                });
184
185            });
186
187        </script>
187
188
189    </section>
190
191</head>
192
193<body>
194
195    <!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
196    <noscript>Cookie Consent by <a href="https://www.FreePrivacyPolicy.com/free-cookie-consent/" rel="nofollow noopener">FreePrivacyPolicy.com</a></noscript>
197
198    <!-- Popup -->
199    <div id="popup"></div>
200
201    <!-- Bouton scroll top site -->
202    <button onclick="topFunction()" id="myBtn" title="Haut de page" style="padding:2px"><img src="images/up_arrow3.png" alt="Up" style="margin-top: -5px;"/></button>
203
204    <!-- Section Header -->
205
206    <section>
207
208        <div class="d-flex justify-content-between mainBar sticky" id="myHeader">
209
210            <div class="mainTitle">
211                <h2>
212                    <a href="/">
213                        <img src="images/logo_bleu.svg" alt="PayTime" width="180" />
214                    </a>
215                </h2>
216            </div>
217
218            <!-- <div class="logo">
219                <a href="https://www.fbcom.fr" target="_blank">
220                    <img src="images/logo_fbcom.png" alt="FBCOM" width="150" />
221                </a>
222            </div> -->
223
224        </div>
225
226    </section>
227
228    <!-- Section première page -->
229
230    <section>
231
232        <div class="container align-items-center justify-content-center">
233
234            <div class="vertical-center">
235
236                <div class="row g-5">
237
238                    <div class="col-md-6">
239
240                        <h1 style="padding-bottom: 40px; color: #2F75B5">La solution complète pour gérer vos projets cinéma & audiovisuel</h1>
241                        <div style="padding-bottom: 20px;">
242                            <p>Préparez, pilotez et clôturez vos productions depuis une <strong>plateforme unique</strong> accessible sur Desktop, Web et Mobile.</p>
243                            <p>Remontée des heures, calcul de la paie, contrats, dématérialisation et cycle de facturation : PayTime couvre <strong>l’intégralité du processus de production</strong> en un seul flux de travail collaboratif parfaitement adapté aux exigences du terrain.</p>
244                            <p>PayTime accompagne aussi les <strong>sociétés de production</strong> dans leur gestion interne : suivi des frais de structure et des projets en développement, vision consolidée de l’ensemble des productions en cours et en post-production.</p>                            
245                            <p>Et avec plus de 200.000 dématérialisations par an, nous offrons <strong>l'outil référence</strong> du marché pour la production audiovisuelle.</p>
246                        </div>
247
248                        <div>
249
250                            <form id="6wgytuk3">
251
252                                <div class="d-flex justify-content-center" style="margin-bottom: 60px">
253                                    <div style="align-content:center; display:flex; width: 100%; max-width: 620px">
254                                        <a class="button buttonValider" href="https://airtable.com/appwjJqOxJICJlwVx/pageeymP9zrppM4yT/form" target="_blank">Demander une démo</a>
255                                    </div>
256                                </div>
257
258                            </form>
259
260                        </div>
261
262                    </div>
263
264                    <div class="col-md-6 text-center my-auto order-first order-md-last">
265                        <img src="images/undraw_videographer_nnc7_5wdubuwm.png" style="width: 100%" />
266                    </div>
267
268                </div>
269            </div>
270
271        </div>
272
273    </section>
274
275    <!-- Section Pour qui ? -->
276
277    <section>
278
279        <div class="title" style="background-color:#EEF0F6;">
280
281            <div class="container-fluid">
282
283                <div class="row text-center justify-content-center">
284
285                    <div class="col-md-6">
286
287                        <h1 style="color: #2F75B5">Pour toute l'équipe</h1>
288                        <div style="padding-top: 40px;">PayTime s'adresse à <strong>toute l'équipe</strong>
288 de production : directeur(trice)s de production, administrateur(trice)s de production, secrétaires de production, chef(fe)s d'équipe, technicien(ne)s...</div>
289
290                    </div>
291
292                </div>
293
294            </div>
295
296            <div class="container-fluid" style="padding-top: 40px">
297
298                <div class="row g-5 text-center justify-content-center">
299
300                    <div class="col-md-3 colminwidth">
301                        <div class="border shadow-sm card">
302                            <div>
303                                <div class="cardtitle" style="background-color: #DBDFFF;">Admin. & secrétaires de prod</div>
304                                <div><img src="images/undraw_freelancer_b0my_(1)_b34a16hn.svg" style="height: 140px; margin-bottom: 40px;" /></div>
305                                <div style="margin-bottom: 40px;">
306                                    <p>Edition des plannings, suivi des heures, calcul de la paie, modélisation et gestion des contrats, déclarations URSSAF...</p>
307                                    <p>Suivi des dépenses (NDF et IK). Supervision et ventilation pour export dans logiciels de compta (Louma).</p>
308                                    <p>Suivi du cycle de facturation: bons de commande, factures et règlements.</p>
309                                </div>
310                            </div>
311                        </div>
312                    </div>
313
314                    <div class="col-md-3 colminwidth">
315                        <div class="border shadow-sm card">
316                            <div>
317                                <div class="cardtitle" style="background-color: #FFDADD;">Chef(fes) d'équipe</div>
318                                <div><img src="images/undraw_stand-out_9j2q.svg" style="height: 140px; margin-bottom: 40px;" /></div>
319                                <div style="margin-bottom: 40px;">
320                                    <p>Suivi des notes de frais avec validation et/ou rejet des dépenses. Suivi du budget.</p>
321									<p>Supervision du planning de son équipe.</p>
322                                    <p>Participe à l’optimisation des processus internes, à la fiabilité des données et à la bonne circulation de l’information.</p>
323                                </div>
324                            </div>
325                        </div>
326                    </div>
327
328                    <div class="col-md-3 colminwidth">
329                        <div class="border shadow-sm card">
330                            <div>
331                                <div class="cardtitle" style="background-color: #C4F6E3;">Dir. de production</div>
332                                <div><img src="images/undraw_interaction_design_odgc_7on6v7ei.svg" style="height: 140px; margin-bottom: 40px;" /></div>
333                                <div style="margin-bottom: 40px;">
334                                    <p>Supervision globale, suivi du budget, des plannings, de tous les justificatifs dématérialisés.</p>
335                                    <p>Arbitrages via les process de validation.</p>
336                                    <p>PayTime propose également tous les indicateurs pour décider rapidement.</p>
337                                </div>
338                            </div>
339                        </div>
340                    </div>
341
342                    <div class="col-md-3 colminwidth">
343                        <div class="border shadow-sm card">
344                            <div>
345                                <div class="cardtitle" style="background-color: #FFC88C;">Technicien(ne)s</div>
346                                <div><img src="images/undraw_online_article_kr64_mobile_logo_v2_blancTshirtRose_jc08kbj3.png" style="height: 140px; margin-bottom: 40px;" /></div>
347                                <div style="margin-bottom: 40px;">
348                                    <p> Saisie des informations sur la journée de travail: heures de début et fin de journée, repas, transport...</p>
349                                    <p> Déclaration des notes de frais et des indemnités kilométriques.</p>
350                                    <p>Une saisie fluide des informations et des documents pour les contrats.</p>
351                                </div>
352                            </div>
353                        </div>
354                    </div>
355
356                </div>
357
358            </div>
359
360        </div>
361
362    </section>
363
364    <!-- Section Description -->
365
366    <section>
367
368    <div class="title" style="background-color:#FFFFFF;">
369
370        <div class="container">
371
372            <div class="row g-5 text-center justify-content-center">
373
374                <div class="col-md-6">
375
376                    <h1 style="color: #2F75B5">Ecosystème et intégrations</h1>
377                    <h4 style="padding-top: 20px;">Une solution en constante évolution</h4>
378
379                </div>
380
381                <div class="col-md-12">
382
383                    <p>
384                        La suite logicielle <strong>PayTime</strong>, ce sont 3 outils différents à votre disposition, en fonction de votre profil et/ou de vos contraintes.
385                    </p>
386                    <p>
387                        PayTime s'intégre parfaitement avec la suite logicielle <strong>Xotis</strong> pour l'import des salariés et l'intégration des notes de frais et factures dans Louma.
388                    </p>
389                    <p>
390                        Avec <strong>MyRole</strong> nous allons plus loin puisque nous avons choisi de travailler ensemble pour fluidifier la circulation des informations.<br />
391                        Ainsi, les salariés créés sur la plateforme MyRole peuvent être automatiquement intégrés dans PayTime. Et vice-versa.
392                    </p>
393
394                </div>
395
396            </div>
397
398        </div>
399
400    </div>
401
402    </section>
403
404    <section>
405
406     <div class="title" style="background-color:#FFFFFF;">
407
408        <div class="container">
409
410            <div class="row g-5">
411
412                <div class="col-md-6">
413
414                    <h5 class="text-center mx-auto" style="background-color: #DBDFFF; padding: 10px;margin-bottom: 40px;">Un projet, une équipe</h5>
415
416                    <div>
417
418                        Avec <strong>PayTime</strong>, travailler en <strong>mode collaboratif</strong> à plusieurs utilisateurs sur un même film ne sera jamais un problème.<br />
419                        Vous voyez en temps réel les modifications apportées par les autres administrateurs de production.<br />
420                        Aucun risque de perte de données : vous êtes averti quand une personne a modifié les données sur lesquelles vous travaillez.
421  
422                    </div>
423
424                </div>
425
426                <div class="col-md-6 text-center my-auto order-first order-md-last">
427                    <img src="images/undraw_team-collaboration_phnf.svg" style="width: 100%; max-width: 380px;" />
428                </div>
429
430            </div>
431
432        </div>
433
434    </div>
435
436    </section>
437
438    <section>
439
440    <div class="title" style="background-color:#FFFFFF;">
441
442        <div class="container">
443
444            <div class="row g-5">
445
446                <div class="col-md-6 text-center my-auto">
447                    <img src="images/undraw_windows_kqsk.svg" style="width: 100%; max-width: 280px;" />
448                </div>
449
450                <div class="col-md-6">
451
452                    <h5 class="text-center mx-auto" style="background-color: #C4F6E3; padding: 10px;margin-top: 40px;margin-bottom: 20px;">L'application Desktop</h5>
453
454                    <p>
455                        A destination des administrateur(trice)s de production, elle permet entre autres de...
456                        <ul>
457                            <li>Piloter le projet.</li>
458                            <li>Créer des utilisateurs avec des rôles spécifiques.</li>
459							<li>Gérer les contrats (modèles, DPAE, signature).</li>
460                            <li>
460Superviser les périodes, les salariés et les plannings.</li>
461                            <li>Calculer la paie.</li>
462                            <li>Ventiler les dépenses.</li>
463                            <li>Contrôler le cycle de facturation.</li>
464                        </ul>
465                    </p>
466
467                </div>
468
469            </div>
470
471        </div>
472
473    </div>
474
475    </section>
476
477    <section>
478
479    <div class="title" style="background-color:#FFFFFF;">
480
481        <div class="container">
482
483            <div class="row g-5">
484
485                <div class="col-md-6">
486
487                    <h5 class="text-center mx-auto" style="background-color: #FFDADD; padding: 10px;margin-bottom: 20px;">Les applications mobiles</h5>
488
489                    <div>
490                        <ul>
491                            <li>
492                                <strong>Gain de temps pour tous</strong>
493                                <ul style="margin-top: 10px">
494                                    <li>Envoi des informations en temps réel via une application mobile dédiée.</li>
495                                    <li>Saisie des fiches de renseignements et scan des documents pour les contrats.</li>
496                                    <li>Dématérialisation des dépenses.</li>
497                                    <li>Déclaration des heures et consultation des relevés d'heures hebdomadaires validés.</li>
498                                    <li>Validation rapide par les chef(fe)s d'équipe et dir. de prod.</li>
499                                </ul>
500                            </li>
501                        </ul>
502                        <p></p>
503                        <ul>
504                            <li>
505                                <strong>Gain de temps pour les admin. de prod.</strong>
506                                <ul style="margin-top: 10px">
507                                    <li>Récupération des informations pour les contrats.</li> 
508                                    <li>Dématérialisation des documents et des dépenses.</li>									
509									<li>Intégration automatique des heures des techniciens pour validation et calcul de la paie.</li>
510                                    <li>Suivi des heures non déclarées pour faciliter la relance.</li>
511                                </ul>
512                            </li>
513                        </ul>
514                    </div>
515            
516                    <div class="text-center mx-auto" style="display: flex;margin-top: 20px;">
517                        <div style="padding-right: 10px;">
518                            <a href="https://apps.apple.com/fr/app/paytime/id1544422592" target="_blank"><img src="images/apple.png" alt="Télécharger PayTime sur AppStore" style="width:100px; max-width: 200px;" /></a>
519                        </div>
520                        <div>
521                            <a href="https://play.google.com/store/apps/details?id=com.fbcom.paytime" target="_blank"><img src="images/google.png" alt="Télécharger PayTime sur GooglePlay" style="width:100px; max-width: 200px;" /></a>
522                        </div>
523                    </div>            
524
525                    <div style="margin-top: 20px;">
526                        <p>
527                            <em>
528                                "Ce qui me sert le plus c’est la récupération instantanée
529                                des horaires sur un support unique ainsi que le contrôle et
530                                la validation de ces horaires qui amènent directement au
531                                calcul de la paie."
532                            </em>
533                        </p>
534                    </div>
535
536                </div>
537
538                <div class="col-md-6 text-center my-auto order-first order-md-last">
539                    <img src="images/undraw_mobile-content_yz21.svg" style="width: 100%; max-width: 450px;" />
540                </div>
541
542            </div>
543
544        </div>
545
546    </div>
547
548    </section>
549
550    <section>
551
552    <div class="title" style="background-color:#FFFFFF;">
553
554        <div class="container">
555
556            <div class="row g-5">
557
558                <div class="col-md-6 text-center my-auto">
559                    <img src="images/undraw_Data_trends_re_2cdy.png" style="width: 100%; max-width: 550px;" />
560                </div>
561
562                <div class="col-md-6">
563
564                    <h5 class="text-center mx-auto" style="background-color: #FFC88C; padding: 10px;margin-top: 40px;margin-bottom: 20px;">Le site web</h5>
565
566                    <ul>
567                        <li>
568                            <strong>Gain de temps pour les chef(fe) d'équipe</strong>
569                            <ul style="margin-top: 10px">
570                                <li>Suivi, saisie, validation pour le compte de son équipe.</li>
571								<li>Gestion des dépenses.</li>
572                                <li>Validation par lots.</li>
573                            </ul>
574                        </li>
575                    </ul>
576                    <ul>
577                        <li>
578                            <strong>
578Gain de temps pour les directeur(trice)s de production</strong>
579                            <ul style="margin-top: 10px">
580                                <li>Accès aux feuilles d'heures hebdomadaires.</li>
581                                <li>Supervision et validation unitaire ou par lots.</li>
582                                <li>Visualisation sur des dashboards des différentes composantes du calcul de la paie, par projet, par semaine, par branche etc...</li>
583                                <li>Obtention de données synthétiques comme par exemple le poids et la répartition des majorations ou des indemnités en temps réel.</li>
584                            </ul>
585                        </li>
586                    </ul>
587
588                </div>
589
590            </div>
591
592        </div>
593
594    </div>
595
596    </section>
597
598    <!-- Section Calcul de la paie -->
599
600    <section>
601
602    <div class="title" style="background-color:#F6F6FF;">
603
604        <div class="container">
605
606            <div class="row g-5 text-center justify-content-center">
607
608                <div class="col-md-6">
609
610                    <h1 style="color: #2F75B5">Présentation des modules</h1>
611
612                </div>
613
614                <div class="col-md-8">
615
616                    <p>
617                        La suite <strong>PayTime</strong> a été conçue pour offrir une solution complète, flexible et intuitive, répondant aux besoins quotidiens des utilisateurs tout en optimisant la gestion et l’efficacité des processus.
618                    </p>
619
620                    <p>
621                        Elle s’articule autour de quatre modules complémentaires, chacun ayant un rôle précis mais interconnecté, formant ainsi un ensemble cohérent et performant.
622                    </p>
623
624                </div>
625
626            </div>
627
628        </div>
629
630    </div>
631
632    </section>
633
634    <section>
635
636        <div class="title" style="background-color:#F6F6FF;">
637
638            <div class="container">
639
640                <div class="row g-5">
641
642                    <div class="col-md-6">
643
644                        <h5 class="text-center mx-auto" style="background-color: #DBDFFF; padding: 10px;margin-bottom: 40px;">Calcul de la paie</h5>
645
646                        <h3 style="padding-bottom: 40px;">Une suite logicielle ergonomique et fiable basée sur la convention collective</h3>
647
648                        <div>
649                            <p>
650                                Fini les fichiers excels à copier, modifier, manipuler, au
651                                risque de perdre des données !
652                            </p>
653                            <ul>
654                                <li>
655                                    Création d'un projet personnalisé à partir des
656                                    <strong>grilles de salaire de la convention collective </strong>(incluant l'annexe 3).
657                                </li>
658                                <li>
659                                    Initialisation de chaque semaine à partir de la précédente
660                                    (ou de n'importe quelle semaine du film).
661                                </li>
662                                <li>
663                                    Mise à jour multi-critères et multi-paramètres du planning.
664                                </li>
665                                <li>
666                                    Calcul automatique des heures, majorations et autres primes.
667                                </li>
668                                <li>
669                                    Plafonnement des majorations.
670                                </li>
671                                <li>Mise en forme personnalisée.</li>
672                                <li>...</li>
673                            </ul>
674                        </div>
675
676                        <div>
677                            <p>
678                                <em>
679                                    "Avec Paytime, je gagne du temps dans la récupération des
680                                    horaires journaliers de chaque technicien, dans
681                                    l’élaboration de ma grille de contrôle des paies avec un
682                                    système fiable contrairement à des tableur
682s classiques dans
683                                    lesquels certains calculs peuvent être erronés."
684                                </em>
685                            </p>
686                        </div>
687
688
689                    </div>
690
691                    <div class="col-md-6 text-center my-auto order-first order-md-last">
692                        <img src="images/undraw_programmer_raqr.svg" style="width: 100%; max-width: 500px;" />
693                    </div>
694
695                </div>
696
697            </div>
698
699        </div>
700
701    </section>
702
703   <!-- Section NDF & IK -->
704
705    <section>
706
707        <div class="title" style="background-color:#FFFFFF;">
708
709            <div class="container" style="padding-top: 40px">
710
711                <div class="row g-5">
712
713                    <div class="col-md-6 text-center my-auto">
714                        <img src="images/undraw_mobile_pay_re_sjb8.svg" style="width: 100%; max-width: 550px;" />
715                    </div>
716
717                    <div class="col-md-6">
718
719                        <h5 class="text-center mx-auto" style="background-color: #EF3249; padding: 10px;margin-bottom: 40px; color: #FFFFFF">Notes de frais & IK</h5>
720    
721                        <h3 style="padding-bottom: 40px;">Les notes de frais et indemnités kilométriques en toute simplicité</h3>
722    
723                        <div style="padding-bottom: 40px;">
724                            <p>
725                                Depuis l'arrêté du 23 mai 2019, il est désormais légal de passer au zéro papier
726                                et de ne plus conserver les justificatifs. Et même si vous souhaitez les récupérer, 
727                                <strong>PayTime</strong> simplifie considérablement les processus.
728                            </p>
729                            <p>
730                                L'application mobile permet aux techniciens de numériser leurs justificatifs ou leurs factures.
731                                Ils sont alors signés numériquement et stockés dans un espace sécurisé qui vous est dédié.<br />
732                                Un processus intégré de validation / rejet garantit le contrôle, la conformité et la fiabilité des dépenses.<br /> 
733                                Ventilez ensuite très simplement avec votre plan comptable et exportez les notes de frais directement dans Louma.
734                            </p>
735                            <p>
736                                Les indemnités kilométriques, dont la saisie est intuitive et optimisée grâce aux fonctionnalités de Google Maps, sont automatiquement calculées en fonction des barèmes.
737                            </p>
738                            <p>
739                                <strong>PayTime</strong> réduit les délais de traitement, facilite la collaboration, et améliore la transparence dans la gestion de vos notes de frais.
740                            </p>
741                        </div>
742    
743                    </div>
744
745                </div>
746
747            </div>
748
749        </div>
750
751    </section>
752
753   <!-- Section Facturation -->
754
755   <section>
756
757    <div class="title" style="background-color:#F6F6FF;">
758
759        <div class="container" style="padding-top: 40px">
760
761            <div class="row g-5">
762
763                <div class="col-md-6">
764
765                    <h5 class="text-center mx-auto" style="background-color: #A9C7D8; padding: 10px;margin-bottom: 40px;">Facturation - Bons de commandes - Avances</h5>
766
767                    <h3 style="padding-bottom: 40px;">Gérez l'intégralité de votre cycle de facturation depuis PayTime</h3>
768
769                    <div style="padding-bottom: 40px;">
770                        <p>
771                            Edition des bons de commande, processus de validation intégré, gestion des règlements, récupération automatique des factures et lien avec le bon de commande et les demandes de règlements: c'est toute la chaîne de facturation qui est simplifiée.
772                        </p>
773                        <p>
774                            Les factures sont désormais centralisées, accessibles en temps réel et sécurisées, éliminant les erreurs liées au papier et les délais de traitement.<br />
775                            <strong>PayTime</strong> facilite également la conformité avec les réglementations fiscales en vigueur, tout en offrant des fonctionnalités d’automatisation pour le suivi des paiements et la gestion des flux de validation.
776                        </p>
777                        <p>
778                            En optimisant le processus de facturation, <strong>PayTime</strong> permet d'améliorer l'efficacité globale des équipes, réduisant les tâches administratives répétitives et accélérant le flux de travail.
779                        </p>
780                        <p><div style="padding-top: 20px"><img width=320 src="images/logo_sc.png"/></div></p>
781                        <p><div style="padding-top: 20px"><img width=200 src="images/logo_spdp.png"/></div></p>
782                    </div>
783
784                </div>
785
786                <div class="col-md-6 text-center my-auto order-first order-md-last">
787                    <img src="images/undraw_printing-invoices_osgs.svg" style="width: 100%; max-width: 600px;" />
788                </div>
789
790            </div>
791
792        </div>
793
794    </div>
795
796    </section>
797    
798   <!-- Section Contrats -->
799
800   <section>
801
802    <div class="title" style="background-color:#FFFFFF;">
803
804        <div class="container" style="padding-top: 40px">
805
806            <div class="row g-5">
807
808                <div class="col-md-6 text-center my-auto">
809                    <img src="images/undraw_agreement_w6ua.svg" style="width: 100%; max-width: 460px;" />
810                </div>
811
812                <div class="col-md-6">
813
814                    <h5 class="text-center mx-auto" style="background-color: #F2819B; padding: 10px;margin-bottom: 40px; color: #FFFFFF">Contrats</h5>
815
816                    <h3 style="padding-bottom: 40px;">De la création de vos modèles à la signature numérique: un processus simple et fluide</h3>
817
818                    <div style="padding-bottom: 40px;">
819                        <p>
820                            Depuis l'application desktop ou le site web, vous créez vos modèles de contrats au sein d'un éditeur type Word intégré vous offrant une flexibilité totale pour ajuster les contenus selon vos besoins.
821                        </p>
822                        <p>
823                            Notre solution de signature numérique simplifie et optimise la gestion des contrats. 
824                            Les techniciens saisissent leurs informations personnelles et transmettent leurs documents via notre application mobile.
825                        </p>
826                        <p>
827                            Une fois finalisés, ces contrats sont envoyés en un clic et signés numériquement par la production et les techniciens grâce à notre plateforme partenaire de signature électronique. Le résultat ? Un processus fluide et sécurisé.
828                        </p>
829                        <p>
830                            Vos déclarations à l'embauche sont également simplifiées grâce au lien automatique avec le site de l'URSSAF. 
831                        </p>
832                    </div>
833
834                </div>
835
836            </div>
837
838        </div>
839
840    </div>
841
842    </section>
843
844    <section>
845
846    <div class="title" style="background-color:#F6F6FF;">
847
848        <div class="container">
849
850            <div class="row g-5">
851
852                <div class="col-md-6">
853
854                    <div style="margin-top: 20px">
855
856                            <h3 style="padding-bottom: 20px;color:#2F75B5">Une indépendance au service de nos clients</h3>
857
858                            <p>Nous concevons et développons l’ensemble des applications PayTime en interne. Cette organisation nous offre une liberté totale et une grande <strong>réactivité</strong>, car nous ne dépendons d’aucun prestataire externe pour faire évoluer notre solution.</p>
859                            <p>En maîtrisant entièrement le code source de la suite logicielle PayTime, <strong>nous contrôlons chaque étape</strong> de son développement, de la conception initiale aux améliorations continues.</p>
860                            <p>Cette indépendance vous garantit une solution fiable, évolutive et pérenne, soutenue par une équipe disponible et à l’écoute de vos besoins.</p>
861
862                    </div>
863
864                </div>
865
866                <div class="col-md-6 text-center my-auto order-first order-md-last">
867                    <img src="images/undraw_creative-flow_t3kz.svg" style="width: 100%; max-width: 350px;margin-top: 100px" />
868                </div>
869
870            </div>
871
872        </div>
873
874    </div>
875
876    </section>
877
878     <!-- Section Vidéo -->
879
880    <section>
881
882        <div class="title" style="background-color:#FFFFFF;">
883
884            <div class="container">
885
886                <div class="row g-5">
887
888                    <div class="col-md-12 text-center">
889
890                        <h1 style="padding-bottom: 40px; color: #2F75B5">Vidéo de présentation</h1>
891
892                        <div style="position:relative; padding-bottom:56.25%; height:0;">
893
894                            <iframe src="https://www.youtube.com/embed/jEMTCEkg9e4" style="position:absolute; top:0; left:0; width:100%; height:100%;" frameborder="0" allowfullscreen></iframe>
895
896                        </div>
897
898                    </div>
899
900                </div>
901
902            </div>
903
904        </div>
905
906    </section>
907
908    <!-- Section Affiches -->
909
910    <section>
911
912        <div class="title" style="background-color:#FFFFFF;">
913
914            <div class="container">
915
916                <div class="row g-5">
917
918                    <div class="col-md-12 text-center">
919
920                        <h1 style="padding-bottom: 40px; color: #2F75B5">Les dernières productions PayTime</h1>
921
922                        <div class="carousel" id="carousel">
923
924                            <button class="carousel-btn prev" aria-label="Précédent">‹</button>
925
926                            <div class="carousel-track">
927
928                              <figure class="poster" data-index="0">
929                                <img src="images/la_bataille_de_gaulle.jpg" alt="La bataille de Gaulle" style="width: 100%" />
930                              </figure>
931							  
932                              <figure class="poster" data-index="0">
933                                <img src="images/mitterrand_confidentiel.jpg" alt="Mitterrand Confidentiel" style="width: 100%" />
934                              </figure>
935							  
936                              <figure class="poster" data-index="0">
937                                <img src="images/belphegor.jpg" alt="Belphegor" style="width: 100%" />
938                              </figure>
939							  
940							  <figure class="poster" data-index="0">
941                                <img src="images/animal_totem.jpg" alt="Animal Totem" style="width: 100%" />
942                              </figure>
943							  
944							  <figure class="poster" data-index="0">
945                                <img src="images/master_crimes_3.jpg" alt="Master crimes S3" style="width: 100%" />
946                              </figure>
947							  							  
948                              <figure class="poster" data-index="0">
949                                <img src="images/merteuil.jpg" alt="Merteuil" style="width: 100%" />
950                              </figure>
951							  
952							  <figure class="poster" data-index="0">
953                                <img src="images/engloutie.jpg" alt="L'engloutie" style="width: 100%" />
954                              </figure>
955							  
956							  <figure class="poster" data-index="0">
957                                <img src="images/la_petite_cuisine_de_mehdi.jpg" alt="La petite cuisine de Mehdi" style="width: 100%" />
958                              </figure>
959							  
960                              <figure class="poster" data-index="0">
961                                <img src="images/connemara.jpg" alt="Connemara" style="width: 100%" />
962                              </figure>
963
964                              <figure class="poster" data-index="0">
965                                <img src="images/montmartre.jpg" alt="Montmartre" style="width: 100%" />
966                              </figure>
967
968                              <figure class="poster" data-index="0">
969                                <img src="images/aigles.jpg" alt="Les aigles de la république" style="width: 100%" />
970                              </figure>
971
972                              <figure class="poster" data-index="0">
973                                <img src="images/pax_massilia_2.jpg" alt="Pax Massilia S2" style="width: 100%" />
974                              </figure>
975							  
976                              <figure class="poster" data-index="0">
977                                <img src="images/orphelins.jpg" alt="Les orphelins" style="width: 100%" />
978                              </figure>
979
980                              <figure class="poster" data-index="0">
981                                <img src="images/partirunjour.jpg" alt="Partir un jour" style="width: 100%" />
982                              </figure>
983
984                              <figure class="poster" data-index="0">
985                                <img src="images/hell_in_paradise.jpg" alt="Hell in paradise" style="width: 100%" />
986                              </figure>
987
988                              <figure class="poster" data-index="0">
989                                <img src="images/inconnu_grande_arche.jpg" alt="L'inconnu de la Grande Arche" style="width: 100%" />
990                              </figure>
991
992                              <figure class="poster" data-index="0">
993                                <img src="images/desenchantees.jpg" alt="Désenchantées" style="width: 100%" />
994                              </figure>
995							  
996                              <figure class="poster" data-index="0">
997                                <img src="images/les_disparues_de_la_gare.jpg" alt="Les disparues de la gare" style="width: 100%" />
998                              </figure>
999
1000                              <figure class="poster" data-index="0">
1001                                <img src="images/chroniques_indic.jpg" alt="Chroniques d'un indic" style="width: 100%" />
1002                              </figure>							  
1003							  
1004                              <figure class="poster" data-index="0">
1005                                <img src="images/lemillion.jpg" alt="Le million" style="width: 100%" />
1006                              </figure>
1007
1008                              <figure class="poster" data-index="0">
1009                                <img src="images/enquetefamille.jpg" alt="Enquête en famille" style="width: 100%" />
1010                              </figure>
1011
1012                              <figure class="poster" data-index="0">
1013                                <img src="images/phoenix.jpg" alt="Phoenix" style="width: 100%" />
1014                              </figure>
1015
1016                              <figure class="poster" data-index="0">
1017                                <img src="images/adieu_jean_pat.jpg" alt="Adieu Jean-Pat" style="width: 100%" />
1018                              </figure>							  
1019
1020                              <figure class="poster" data-index="0">
1021                                <img src="images/surface.jpg" alt="Surface" style="width: 100%" />
1022                              </figure>
1023
1024                              <figure class="poster" data-index="0">
1025                                <img src="images/soleil_noir.jpg" alt="Soleil Noir" style="width: 100%" />
1026                              </figure>
1027							  
1028                              <figure class="poster" data-index="0">
1029                                <img src="images/regarde.jpg" alt="Regarde!" style="width: 100%" />
1030                              </figure>
1031
1032                              <figure class="poster" data-index="0">
1033                                <img src="images/piano.jpg" alt="L'accident de piano" style="width: 100%" />
1034                              </figure>
1035
1036                              <figure class="poster" data-index="0">
1037                                <img src="images/le_roi_soleil.jpg" alt="Le Roi soleil" style="width: 100%" />
1038                              </figure>
1039							  
1040                              <figure class="poster" data-index="0">
1041                                <img src="images/chien51.jpg" alt="Chien 51" style="width: 100%" />
1042                              </figure>
1043
1044                              <figure class="poster" data-index="0">
1045                                <img src="images/dracula.jpg" alt="Dracula" style="width: 100%" />
1046                              </figure>
1047							  
1048                              <figure class="poster" data-index="0">
1049                                <img src="images/les_tourmentes.jpg" alt="Les tourmentés" style="width: 100%" />
1050                              </figure>
1051
1052                              <figure class="poster" data-index="0">
1053                                <img src="images/filip.jpg" alt="Filip" style="width: 100%" />
1054                              </figure>
1055							  
1056                              <figure class="poster" data-index="0">
1057                                <img src="images/zonz.jpg" alt="Zonz" style="width: 100%" />
1058                              </figure>
1059
1060                              <figure class="poster" data-index="0">
1061                                <img src="images/filsde.jpg" alt="Fils de" style="width: 100%" />
1062                              </figure>
1063
1064                              <figure class="poster" data-index="0">
1065                                <img src="images/banger.jpg" alt="Banger" style="width: 100%" />
1066                              </figure>
1067
1068                              <figure class="poster" data-index="0">
1069                                <img src="images/regles_art.jpg" alt="Les règles de l'art" style="width: 100%" />
1070                              </figure>
1071
1072                              <figure class="poster" data-index="1">
1073                                <img src="images/aimons_nous.jpg" alt="Aimons-nous vivants" style="width: 100%" />
1074                              </figure>
1075
1076                              <figure class="poster" data-index="0">
1077                                <img src="images/differente.jpg" alt="Différente" style="width: 100%" />
1078                              </figure>
1079
1080                              <figure class="poster" data-index="0">
1081                                <img src="images/anges_et_cie.jpg" alt="Anges & Cie" style="width: 100%" />
1082                              </figure>
1083							  
1084                              <figure class="poster" data-index="2">
1085                                <img src="images/doux_jesus.jpg" alt="Doux Jésus" style="width: 100%" />
1086                              </figure>
1087
1088                              <figure class="poster" data-index="0">
1089                                <img src="images/bref_2.jpg" alt="Bref.2" style="width: 100%" />
1090                              </figure>
1091							  
1092                              <figure class="poster" data-index="3">
1093                                <img src="images/100_millions.jpg" alt="100 millions !" style="width: 100%" />
1094                              </figure>
1095
1096                              <figure class="poster" data-index="0">
1097                                <img src="images/la_colo.jpg" alt="La Colo S1" style="width: 100%" />
1098                              </figure>
1099
1100                              <figure class="poster" data-index="0">
1101                                <img src="images/reine_mere.jpg" alt="Reine mère" style="width: 100%" />
1102                              </figure>
1103
1104                              <figure class="poster" data-index="0">
1105                                <img src="images/anaon.jpg" alt="Anaon" style="width: 100%" />
1106                              </figure>
1107							  
1108                              <figure class="poster" data-index="1">
1109                                <img src="images/delocalises.jpg" alt="Délocalisés" style="width: 100%" />
1110                              </figure>
1111
1112                              <figure class="poster" data-index="2">
1113                                <img src="images/la_pampa.jpg" alt="La pampa" style="width: 100%" />
1114                              </figure>
1115
1116                              <figure class="poster" data-index="3">
1117                                <img src="images/vingt_dieux.jpg" alt="Vingt dieux" style="width: 100%" />
1118                              </figure>
1119
1120                              <figure class="poster" data-index="0">
1121                                <img src="images/monde_envers.jpg" alt="C'est le monde à l'envers" style="width: 100%" />
1122                              </figure>
1123                              
1124                              <figure class="poster" data-index="0">
1125                                <img src="images/louise_violet.jpg" alt="Louise Violet" style="width: 100%" />
1126                              </figure>
1127                              
1128                              <figure class="poster" data-index="0">
1129                                <img src="images/rivages.jpg" alt="Rivages" style="width: 100%" />
1130                              </figure>
1131 
1132                              <figure class="poster" data-index="0">
1133                                <img src="images/cette_nuit_la.jpg" alt="Cette nuit-là" style="width: 100%" />
1134                              </figure>
1135
1136                              <figure class="poster" data-index="0">
1137                                <img src="images/rabia.jpg" alt="Rabia" style="width: 100%" />
1138                              </figure>
1139							  
1140                              <figure class="poster" data-index="0">
1141                                <img src="images/le_fil.jpg" alt="Le fil" style="width: 100%" />
1142                              </figure>
1143                              
1144                              <figure class="poster" data-index="0">
1145                                <img src="images/karl.jpg" alt="Becoming Karl Lagarfeld" style="width: 100%" />
1146                              </figure>
1147                              
1148                              <figure class="poster" data-index="0">
1149                                <img src="images/amour_ouf.jpg" alt="L'amour ouf" style="width: 100%" />
1150                              </figure>
1151                              
1152                              <figure class="poster" data-index="0">
1153                                <img src="images/aznavour.jpg" alt="Aznavour" style="width: 100%" />
1154                              </figure>
1155                              
1156                              <figure class="poster" data-index="0">
1157                                <img src="images/tombe_camion.jpg" alt="Tombé du camion" style="width: 100%" />
1158                              </figure>
1159                              
1160                              <figure class="poster" data-index="0">
1161                                <img src="images/elyas.jpg" alt="Elyas" style="width: 100%" />
1162                              </figure>
1163                              
1164                              <figure class="poster" data-index="0">
1165                                <img src="images/flo.jpg" alt="Flo" style="width: 100%" />
1166                              </figure>
1167                              
1168                              <figure class="poster" data-index="0">
1169                                <img src="images/hpi.jpg" alt="HPI" style="width: 100%" />
1170                              </figure>
1171                              
1172                              <figure class="poster" data-index="0">
1173                                <img src="images/toutvabien.jpg" alt="Je verrai toujours vos visages" style="width: 100%" />
1174                              </figure>
1175                              
1176                              <figure class="poster" data-index="0">
1177                                <img src="images/lupin3.jpg" alt="Lupin partie 3" style="width: 100%" />
1178                              </figure>
1179
1180                              <figure class="poster" data-index="0">
1181                                <img src="images/la_chambre_des_merveilles.jpg" alt="La chambre des merveilles" style="width: 100%" />
1182                              </figure>
1183                              
1184                              <figure class="poster" data-index="0">
1185                                <img src="images/rictus.jpg" alt="Lupin partie 3" style="width: 100%" />
1186                              </figure>
1187                              
1188                              <figure class="poster" data-index="0">
1189                                <img src="images/karaoke.jpg" alt="Karaoké" style="width: 100%" />
1190                              </figure>
1191                              
1192                              <figure class="poster" data-index="0">
1193                                <img src="images/sentinelle.jpg" alt="Sentinelle" style="width: 100%" />
1194                              </figure>
1195                              
1196                              <figure class="poster" data-index="0">
1197                                <img src="images/visages.jpg" alt="Je verrai toujours vos visages" style="width: 100%" />
1198                              </figure>
1199                                                            
1200                              <figure class="poster" data-index="0">
1201                                <img src="images/tigre.jpg" alt="Le tigre et le président" style="width: 100%" />
1202                              </figure>
1203                                                            
1204                              <figure class="poster" data-index="0">
1205                                <img src="images/poutifard.jpg" alt="Les vengeances de maître Pout
1205ifard" style="width: 100%" />
1206                              </figure>
1207                                                            
1208                              <figure class="poster" data-index="0">
1209                                <img src="images/segpa2.jpg" alt="Les Segpa 2" style="width: 100%" />
1210                              </figure>
1211                                                            
1212                              <figure class="poster" data-index="0">
1213                                <img src="images/frate.jpg" alt="Fraté" style="width: 100%" />
1214                              </figure>
1215                                                            
1216                              <figure class="poster" data-index="0">
1217                                <img src="images/chers_enfants.jpg" alt="Mes très chers enfants" style="width: 100%" />
1218                              </figure>
1219                                                            
1220                              <figure class="poster" data-index="0">
1221                                <img src="images/segpa.jpg" alt="Les Segpa" style="width: 100%" />
1222                              </figure>
1223                                                            
1224                              <figure class="poster" data-index="0">
1225                                <img src="images/meurtres_saint_michel.jpg" alt="Meurtres au Mont Saint Michel" style="width: 100%" />
1226                              </figure>
1227                                                            
1228                              <figure class="poster" data-index="0">
1229                                <img src="images/LePatient.jpg" alt="Le patient" style="width: 100%" />
1230                              </figure>
1231                                                            
1232                              <figure class="poster" data-index="0">
1233                                <img src="images/deter.jpg" alt="Déter" style="width: 100%" />
1234                              </figure>
1235                                                            
1236                              <figure class="poster" data-index="0">
1237                                <img src="images/leo_mattei.jpg" alt="Léo Mattéi" style="width: 100%" />
1238                              </figure>
1239                                                            
1240                              <figure class="poster" data-index="0">
1241                                <img src="images/affaire_principe.jpg" alt="Une affaire de principe" style="width: 100%" />
1242                              </figure>
1243                                                            
1244                              <figure class="poster" data-index="0">
1245                                <img src="images/nice_girls.jpg" alt="Nice Girls" style="width: 100%" />
1246                              </figure>
1247                                                            
1248                              <figure class="poster" data-index="0">
1249                                <img src="images/sous_ecrous.jpg" alt="Sous écrous" style="width: 100%" />
1250                              </figure>
1251                                                            
1252                              <figure class="poster" data-index="0">
1253                                <img src="images/bri.jpg" alt="B.R.I." style="width: 100%" />
1254                              </figure>
1255                                                            
1256                              <figure class="poster" data-index="0">
1257                                <img src="images/toutpouragnes.jpg" alt="Tout pour Agnès" style="width: 100%" />
1258                              </figure>
1259
1260                            </div>
1261
1262                            <button class="carousel-btn next" aria-label="Suivant">›</button>
1263
1264                          </div>
1265
1266                    </div>
1267
1268                </div>
1269
1270            </div>
1271
1272        </div>
1273
1274    </section>
1275
1276    <!-- Section Footer -->
1277
1278    <section>
1279
1280        <div class="footer" style="background-color:#F6F6FF;">
1281
1282            <div class="container">
1283
1284                <div class="row g-5">
1285
1286                    <div class="col-md-12 text-center">
1287
1288                         <!-- Logo -->
1289                            <div style="margin-bottom:40px;">
1290                                <img src="images/logo_bleu.svg" alt="Logo PayTime" style="width:180px;">
1291                            </div>
1292
1293                            <!-- Contact -->
1294                            <div style="margin-bottom:40px;">
1295                                    <a class="button buttonValider" href="https://airtable.com/appwjJqOxJICJlwVx/pageeymP9zrppM4yT/form" target="_blank">Nous contacter</a>
1296                            </div>
1297
1298                            <!-- Adresse & Email -->
1299                            <div style="margin-bottom:10px;">
1300                                <p style="font-size: medium;">48 avenue de Buzenval, 92500 Rueil-Malmaison</p>
1301                                <p><a href="mailto:[email protected]" style="color:#3b82f6; text-decoration:none;">[email protected]</a></p>
1302                            </div>
1303
1304                            <!-- Liens légaux & crédits -->
1305                            <div style="font-size:14px; color:#6b7280;">
1306                                <p><a href="mentions-legales.html" target="_blank" style="color:#3b82f6; text-decoration:none;">Mentions légales</a></p>
1307                                <p><a href="charte_rse.html" target="_blank" style="color:#3b82f6; text-decoration:none;">Charte RSE</a></p>
1308                                <p>Crédit graphiques : <a href="https://undraw.co" target="_blank" style="color:#3b82f6; text-decoration:none;">Undraw</a></p>
1309                                <p>&copy; 2025 FBCOM. Tous droits réservés.</p>
1310                            </div>
1311
1312                    </div>
1313
1314                </div>
1315
1316            </div>
1317
1318        </div>
1319
1320    </section>
1321
1322    <!-- Section Scripts -->
1323    <section>
1324
1325         <!-- Bouton scroll top site -->
1326        
1326<script type="text/javascript">
1327
1328            mybutton = document.getElementById("myBtn");
1329
1330            window.onscroll = function() { scrollFunction() };
1331
1332            function scrollFunction() {
1333                if ((document.body.scrollTop > 20 || document.documentElement.scrollTop > 20)  && $(this).scrollTop() > 900) {
1334                    mybutton.style.display = "block";
1335                } else {
1336                    mybutton.style.display = "none";
1337                }
1338            }
1339
1340            function topFunction() {
1341                document.body.scrollTop = 0; // Safari
1342                document.documentElement.scrollTop = 0; // Chrome, Firefox, IE and Opera
1343            }
1344
1345        </script>
1345
1346    
1347    </section>
1348
1349</body>
1350
1351</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.