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'édition des feuilles d'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>© 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.