CINXE.COM
Les applications officielles tpg | tpg
<!DOCTYPE html> <html lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <script type="text/javascript" id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="f197cd72-175f-40bb-8cfd-34da65496c9d" async="async"></script> <meta name="description" content="Découvrez l'application tpg avec les horaires en temps réel, les arrêts à proximité pour vous déplacer dans Genève." /> <link rel="canonical" href="https://www.tpg.ch/fr/voyager/plus-de-mobilite/les-applications-officielles-tpg" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="alternate" hreflang="fr" href="https://www.tpg.ch/fr/voyager/plus-de-mobilite/les-applications-officielles-tpg" /> <link rel="alternate" hreflang="en" href="https://www.tpg.ch/en/official-tpg-applications" /> <link rel="alternate" hreflang="de" href="https://www.tpg.ch/de/node/7730" /> <link rel="icon" href="/themes/custom/tpg/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Les applications officielles tpg | tpg</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> <link rel="stylesheet" media="all" href="/modules/contrib/ajax_loader/css/throbber-general.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/core.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/autocomplete.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/menu.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/progress.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/ajax-progress.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/fieldgroup.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/details.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/item-list.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/nowrap.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/position-container.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/reset-appearance.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/resize.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-counter.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-counters.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-general-info.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tablesort.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/autocomplete-loading.module.css?slq36q" /> <link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.form.css?slq36q" /> <link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.element.details.toggle.css?slq36q" /> <link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.element.message.css?slq36q" /> <link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/theme.css?slq36q" /> <link rel="stylesheet" media="all" href="/modules/contrib/ajax_loader/css/three-bounce.css?slq36q" /> <link rel="stylesheet" media="all" href="/modules/contrib/cookiebot/css/cookiebot.css?slq36q" /> <link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.ajax.css?slq36q" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/global.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/block-form-newsletter.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/block-mobile-apps.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/block-social-links.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/paragraph-highlight-cta.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/paragraph-quicklinks.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/paragraph-rich-text.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/paragraph-text-image.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/node-content-teaser.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/slick.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/slick-theme.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/paragraph-cartes.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/node-block-page-title.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/node-content-page.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/block-shop-box.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/block-search.css?slq36q" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/block-info-trafic.css?slq36q" /> </head> <body> <div class="skiplinks uk-flex"> <a href="#main-content"> Aller au contenu </a> <a href="#menu"> Aller au menu </a> <a href="https://www.tpg.ch/fr/search"> Aller au moteur de recherche </a> <a href="https://www.tpg.ch/fr"> Aller à la page d'accueil </a> </div> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T3SDS4G" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header role="banner" class="layout-header"> <div class="header-top"> <div id="block-tpg-infotrafic" data-block-plugin-id="info_trafic_block" class="block-info-trafic"> <div class="info-trafic-bar info-trafic-bar--summary uk-position-relative state-loading" aria-hidden="false"> <div class="layout-inner-container"> <div class="content"> <div uk-grid class="uk-grid uk-flex uk-flex-middle"> <div class="info-title uk-width-auto uk-width-auto@m uk-flex uk-flex-middle"> <span uk-icon="tpg-info" class="uk-icon"></span> <span>info trafic</span> </div> <div class="disruptions uk-width-expand uk-width-auto@m"> </div> </div> <div class="toggle-icon-container uk-position-bottom-center"> <button uk-icon="chevron-down" class="uk-icon uk-icon-button toggle-icon" aria-label="Ouvrir l'info trafic"></button> </div> </div> </div> </div> <div class="info-trafic-bar info-trafic-bar--full uk-position-top" hidden aria-hidden="true"> <div class="layout-inner-container"> <div class="content"> <div uk-grid class="uk-grid"> <div class="info-title uk-width-2-3 uk-width-1-2@m uk-flex uk-flex-middle"> <span uk-icon="tpg-info" class="uk-icon"></span> <span class="title">info trafic en live</span> </div> <div class="more-info uk-width-1-3 uk-width-1-2@m uk-flex uk-flex-right"> <a class="uk-button uk-button-secondary uk-visible@m" href="/fr/node/4056" title="Travaux et manifestations">Travaux et manifestations</a> <a uk-icon="tpg-traffic-cone" class="uk-icon uk-icon-button uk-hidden@m" href="/fr/node/4056" title="Travaux et manifestations"> <span class="visually-hidden">Travaux et manifestations</span> </a> </div> </div> <div class="disruptions disruptions-container"> </div> <div class="toggle-icon-container uk-position-bottom-center"> <button uk-icon="chevron-up" uk-toggle="target: .info-trafic-bar--full" class="uk-icon uk-icon-button toggle-icon" aria-label="Fermer l'info trafic"></button> </div> </div> </div> </div> </div> </div> <div uk-sticky="cls-active: uk-header-sticky; animation: uk-animation-slide-top" class="header uk-sticky"> <div class="layout-inner-container"> <div uk-grid class="uk-grid uk-grid-collapse uk-grid-flex header-columns"> <div class="uk-width-expand uk-flex uk-flex-column header-left"> <div uk-navbar class="uk-navbar uk-navbar-container uk-visible@m header-navbar"> <div class="uk-navbar-left"> <div id="block-tpg-branding-sticky--2" data-block-plugin-id="system_branding_block"> <a href="/fr" class="logo" title="Aller à la page d'accueil" aria-hidden="true" rel="home"> <img src="/themes/custom/tpg/logo-small.svg" alt="Logo des Transports publics genevois (tpg)" /> </a> </div> <nav role="navigation" aria-label="Menu principal" id="block-tpg-main-menu" data-block-plugin-id="system_menu_block:main" class="main-menu uk-visible@m"> <ul class="uk-navbar-nav" id="menu"> <li class="level0"> <button class="uk-button"> <span>Voyager</span> </button> <div uk-drop="offset: 1; boundary: .header-columns; boundary-align: true; pos: bottom-justify; delay-hide: 400;" class="uk-navbar-dropdown main-menu-dropdown"> <div uk-grid class="uk-grid uk-child-width-expand"> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Planifier votre voyage</span> </li> <li class="level2"> <a href="/fr/acheter/abonnements-unireso-et-leman-pass/comparateur-de-mobilite" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2632">Comparateur de mobilité</a> </li> <li class="level2"> <a href="/fr/lignes" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="lignes">Horaires par ligne</a> </li> <li class="level2"> <a href="/fr/voyager/planifier-votre-voyage/plans" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2467">Plans</a> </li> <li class="level2"> <a href="/fr/voyager/planifier-votre-voyage/itineraires" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2233">Itinéraires</a> </li> <li class="level2"> <a href="/fr/voyager/planifier-votre-voyage/visiter-geneve-en-transports-publics-decouvrez-nos-meilleurs-plans" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/4721">Visiter Genève</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Info trafic</span> </li> <li class="level2"> <a href="/fr/voyager/info-trafic/info-trafic" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/5261">En temps réel</a> </li> <li class="level2"> <a href="/fr/travaux-et-manifestations" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/4056">Travaux et manifestations</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Plus de lignes</span> </li> <li class="level2"> <a href="/fr/voyager/plus-de-lignes/tpgflex" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/6476">tpg flex</a> </li> <li class="level2"> <a href="/fr/voyager/plus-de-lignes/courses-scolaires" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2206">Courses scolaires</a> </li> <li class="level2"> <a href="/fr/voyager/plus-de-lignes/navette-aeroport" class="uk-position-relative uk-icon uk-icon-center-right" title="Aérobus, votre bus matinal pour Genève Aéroport" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2167">Navette aéroport</a> </li> <li class="level2"> <a href="/fr/voyager/plus-de-lignes/service-nocturne" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2212">Service nocturne</a> </li> <li class="level2"> <a href="/fr/voyager/plus-de-lignes/les-lignes-transfrontalieres" target="_self" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/6766">Lignes transfrontalières</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Plus de mobilité</span> </li> <li class="level2"> <a href="/fr/voyager/plus-de-mobilite/les-applications-officielles-tpg" class="uk-position-relative uk-icon uk-icon-center-right is-active" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/7730" aria-current="page">Apps officielles</a> </li> <li class="level2"> <a href="/fr/voyager/plus-de-mobilite/offre-multimodale" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/6446">Offre multimodale</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Conseils pratiques</span> </li> <li class="level2"> <a href="/fr/voyager/conseils-pratiques/informations-pratiques-pour-tous" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2317">Informations pratiques pour tous</a> </li> <li class="level2"> <a href="/fr/voyager/conseils-pratiques/pour-les-personnes-besoins-specifiques" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2323">Personnes à besoins spécifiques</a> </li> <li class="level2"> <a href="/fr/voyager/conseils-pratiques/pour-les-poussettes" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2362">Poussettes</a> </li> <li class="level2"> <a href="/fr/voyager/conseils-pratiques/pour-les-seniors" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2341">Seniors</a> </li> <li class="level2"> <a href="/fr/voyager/conseils-pratiques/pour-les-cyclistes" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2218">Cyclistes</a> </li> </ul> </div> </div> </div> </li> <li class="level0"> <button class="uk-button"> <span>Acheter</span> </button> <div uk-drop="offset: 1; boundary: .header-columns; boundary-align: true; pos: bottom-justify; delay-hide: 400;" class="uk-navbar-dropdown main-menu-dropdown"> <div uk-grid class="uk-grid uk-child-width-expand"> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Nos titres de transport</span> </li> <li class="level2"> <a href="/fr/acheter/nos-titres-de-transport/les-abonnements" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2455">Les abonnements</a> </li> <li class="level2"> <a href="/fr/acheter/nos-titres-de-transport/les-billets-et-cartes-journalieres" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2353">Les billets et cartes journalières</a> </li> <li class="level2"> <a href="/fr/tarifs-titres-de-transport" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/4396">Les tarifs des titres de transports</a> </li> <li class="level2"> <a href="/fr/acheter/nos-titres-de-transport/gerer-votre-abonnement" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2284">Gérer votre abonnement</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Nos offres et bons plans</span> </li> <li class="level2"> <a href="/fr/acheter/nos-offres-et-bons-plans/offres-communes" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2290">Offres des communes</a> </li> <li class="level2"> <a href="/fr/acheter/nos-offres-et-bons-plans/abonnements-jeunes-et-avsai-des-2025" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/7971">Prise en charge par l’Etat</a> </li> <li class="level2"> <a href="/fr/acheter/nos-offres-et-bons-plans/familles" target="_self" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2272">Offres Famille / Duo</a> </li> <li class="level2"> <a href="/fr/acheter/nos-offres-et-bons-plans/cartes-junior-et-enfants-accompagnes" target="_self" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/7852">Cartes junior et enfant accompagné</a> </li> <li class="level2"> <a href="/fr/acheter/nos-offres-et-bons-plans/votre-abo-et-vos-privileges" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/4051">Votre abo et vos privilèges</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Nos points de vente</span> </li> <li class="level2"> <a href="https://tpg.ch/fr/infos-webshop-tpg" target="_self" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;">Webshop</a> </li> <li class="level2"> <a href="/fr/app-tpg-plus-votre-assistant-mobilite" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/4486">App tpg+ </a> </li> <li class="level2"> <a href="/fr/acheter/nos-points-de-vente/agences" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2359">Agences tpg</a> </li> <li class="level2"> <a href="/fr/acheter/nos-points-de-vente/revendeurs" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/6516">Revendeurs</a> </li> <li class="level2"> <a href="/fr/acheter/nos-points-de-vente/distributeurs-automatiques" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2302">Distributeurs automatiques</a> </li> </ul> </div> </div> </div> </li> <li class="level0"> <button class="uk-button"> <span>Nous connaître</span> </button> <div uk-drop="offset: 1; boundary: .header-columns; boundary-align: true; pos: bottom-justify; delay-hide: 400;" class="uk-navbar-dropdown main-menu-dropdown"> <div uk-grid class="uk-grid uk-child-width-expand"> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Acteur majeur de la mobilité</span> </li> <li class="level2"> <a href="/fr/cap2030" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/5131">Cap2030</a> </li> <li class="level2"> <a href="/fr/nous-connaitre/acteur-majeur-de-la-mobilite/groupe-tpg" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2227">Groupe tpg</a> </li> <li class="level2"> <a href="/fr/nous-connaitre/acteur-majeur-de-la-mobilite/organisation" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2224">Organisation</a> </li> <li class="level2"> <a href="/fr/nous-connaitre/acteur-majeur-de-la-mobilite/archives-des-transports-publics-genevois" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/6952">Archives et histoire</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>tpg aujourd'hui et demain</span> </li> <li class="level2"> <a href="/fr/nous-connaitre/tpg-aujourdhui-et-demain/evolution-du-reseau" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2569">Evolution du réseau</a> </li> <li class="level2"> <a href="/fr/nous-connaitre/tpg-aujourdhui-et-demain/innovation" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2380">Innovation</a> </li> <li class="level2"> <a href="/fr/nous-connaitre/tpg-aujourdhui-et-demain/centres-de-maintenance" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2371">Centres de maintenance</a> </li> <li class="level2"> <a href="/fr/nous-connaitre/tpg-aujourdhui-et-demain/vehicules" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2461">Véhicules</a> </li> <li class="level2"> <a href="/fr/developpement-durable" target="_self" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/7043">Développement durable</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Presse et média</span> </li> <li class="level2"> <a href="/fr/nous-connaitre/presse-et-media/communiques-de-presse" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/2437">Communiqués de presse</a> </li> <li class="level2"> <a href="/fr/nous-connaitre/presse-et-media/demandes-de-tournage" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/3112">Demandes de tournage</a> </li> </ul> </div> <div> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class="uk-nav-header level1"> <span>Publications</span> </li> <li class="level2"> <a href="/fr/nous-connaitre/publications/rapports-annuels" target="_self" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/6917">Rapports annuels</a> </li> <li class="level2"> <a href="/fr/nous-connaitre/publications/documents-pratiques" class="uk-position-relative uk-icon uk-icon-center-right" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/3151">Docs pratiques</a> </li> </ul> </div> </div> </div> </li> </ul> </nav> </div> <div class="uk-navbar-right uk-flex-top"> <div class="language-switcher-language-url uk-navbar-item language-switcher uk-text-center uk-visible@m" id="block-language-switcher" role="navigation" data-block-plugin-id="language_block:language_content"> <a uk-icon="icon: chevron-down; ratio: 0.9" uk-open-icon="chevron-down" uk-close-icon="chevron-up" href="#" class="current-lang uk-icon" title="Français" aria-label="Français"> <span class="visually-hidden"> Changer la langue. Langue actuelle: Français </span> FR </a> <div uk-dropdown="mode: click; pos: bottom-center; offset: 10" class="uk-dropdown language-dropdown"> <ul class="links uk-nav uk-dropdown-nav"><li hreflang="fr" data-drupal-link-system-path="node/7730" class="is-active" aria-current="page"><a href="/fr/voyager/plus-de-mobilite/les-applications-officielles-tpg" class="language-link is-active" title="Français" aria-label="Français" hreflang="fr" data-drupal-link-system-path="node/7730" aria-current="page">FR</a></li><li hreflang="en" data-drupal-link-system-path="node/7730"><a href="/en/official-tpg-applications" class="language-link" title="Anglais" aria-label="Anglais" hreflang="en" data-drupal-link-system-path="node/7730">EN</a></li></ul> </div> </div> <div class="views-exposed-form block-search uk-visible@m" data-drupal-selector="views-exposed-form-search-page" id="block-search-form" data-block-plugin-id="views_exposed_filter_block:search-page"> <a id="search-form" class="visually-hidden" tabindex="-1">Moteur de recherche</a> <form action="/fr/search" method="get" id="views-exposed-form-search-page" accept-charset="UTF-8" class="uk-search uk-search-default uk-form-stacked" role="search"> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-keywords form-item-keywords uk-margin"> <label for="edit-keywords" class="uk-form-label">Mots-clés</label> <div class="uk-form-controls"> <div class="uk-inline"> <input placeholder="Votre recherche..." data-drupal-selector="edit-keywords" class="form-autocomplete form-text uk-input uk-search-input" data-autocomplete-path="/fr/suggestion/autocomplete" type="text" id="edit-keywords" name="keywords" value="" size="30" maxlength="128" /> <button uk-search-icon type="submit" class="uk-search-icon-flip uk-icon uk-search-icon"> <span class="visually-hidden"> Rechercher </span> </button> </div> </div> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper uk-form-row uk-margin" id="edit-actions"><input data-drupal-selector="edit-submit-search" type="submit" id="edit-submit-search" value="Rechercher" class="button js-form-submit form-submit uk-button uk-button-default" /> </div> </form> </div> </div> </div> <div uk-grid class="uk-grid uk-grid-collapse uk-flex-first header-corporate"> <div class="uk-width-1-3 uk-width-auto@m"> <div id="block-tpg-branding" data-block-plugin-id="system_branding_block"> <a href="/fr" class="logo" title="Aller à la page d'accueil" aria-hidden="true" rel="home"> <img src="/themes/custom/tpg/logo.svg" alt="Logo des Transports publics genevois (tpg)" tabindex="-1" /> </a> </div> </div> <div class="uk-width-2-3 uk-width-expand@m uk-flex uk-flex-right"> <nav role="navigation" aria-label="Menu secondaire" id="block-tpg-menusecondaire" data-block-plugin-id="system_menu_block:menu-secondaire" class="secondary-menu uk-visible@m"> <ul class="uk-subnav"> <li> <a href="/fr/entreprises-geneve-plan-de-mobilite-evomoov" data-drupal-link-system-path="node/6961">Employeurs</a> </li> <li> <a href="/fr/collectivites" target="_self" data-drupal-link-system-path="node/8102">Collectivités</a> </li> <li> <a href="/fr/carriere" data-drupal-link-system-path="node/3471">Carrière</a> </li> <li> <a href="/fr/contacts" data-drupal-link-system-path="node/2374">Contacts</a> </li> </ul> </nav> <div class="uk-navbar-item webshop--mobile uk-hidden@m" id="webshop-mobile-container"></div> <div class="uk-navbar-item menu-main-mobile uk-hidden@m" id="menu-main-mobile-container"> <a uk-icon="tpg-menu" href="#menu-main-mobile" class="uk-icon-link uk-icon"> <span class="visually-hidden">Menu</span> </a> </div> </div> </div> </div> <div class="uk-width-1-5 uk-flex uk-flex-middle uk-visible@m header-right"> <div id="block-shop-box--2" data-block-plugin-id="block_content:c92e68b6-792c-4a83-a810-c546956b0144" class="block-shop-box uk-visible@m"> <div class="block-content uk-text-center uk-flex"> <a href="https://webshop.tpg.ch/" title="Accéder au Webshop" aria-label="Accéder au Webshop" target="_blank" class="uk-link-muted shop-box-cta link-to-webshop"> <span class="uk-position-relative"> <span class="icon uk-icon" uk-icon="tpg-cart"></span> </span> <span class="title">Webshop</span> </a> </div> </div> </div> </div> </div> </div> </header> <main role="main" class="layout-main"> <div class="layout-content"> <div data-drupal-messages-fallback class="hidden"></div> <div id="block-tpg-content" data-block-plugin-id="system_main_block"> <a id="main-content" class="visually-hidden" tabindex="-1">Contenu</a> <article about="/fr/voyager/plus-de-mobilite/les-applications-officielles-tpg" class="node--type--content-page--full"> <div class="node-block--type--page-title"> <div class="layout-inner-container uk-background-top-center uk-background-norepeat" data-src="/sites/default/files/styles/crop_block_banner/public/2024-04/Banni%C3%A8res%20apps%20tpg%20%282%29.png?itok=0T07FYrp" uk-img> <div class="page-title"> <h1><strong>Les applications </strong>officielles tpg</h1> </div> </div> </div> <div> <div> <div> <div class="paragraph paragraph--type--rich-text paragraph--view-mode--default"> <div class="layout-inner-container uk-clearfix"> <div> <p class="uk-text-lead">Vous hésitez entre l'app tpg et l'app tpg+? Pour savoir celle qui répond le mieux à vos besoins, retrouvez ci-dessous les spécificités de chaque app en un clin d'oeil. </p> </div> </div> </div> </div> <div> <div class="paragraph paragraph--type--cartes paragraph--view-mode--default"> <div class="layout-inner-container"> <div class="paragraph--type--cartes__cards"> <div class="js-cards-slick-slider"> <div about="/fr/node/7925" class="content-teaser-container uk-text-center node--type--content-teaser--default"> <div class="uk-card uk-card-default"> <div> <div class="uk-card-media-top"> <div><div> <div> <img loading="lazy" src="/sites/default/files/2024-05/carte_app_tpg_transparent.png" width="1180" height="2020" alt="télécharger app tpg" title="télécharger app tpg" typeof="foaf:Image" /> </div> </div> </div> </div> <div class="uk-card-body"> <h3 class="uk-card-title"><span>App tpg</span> </h3> <div class="subtitle uk-margin"> <p> </p> </div> </div> </div> <div class="uk-card-footer"> <a href="https://www.tpg.ch/fr/app-tpg-nouvelle-version#telecharger-l-app" aria-label="Lien vers le téléchargement de l'app" target="_self" class="uk-button uk-button-secondary">Télécharger</a> </div> </div> </div> <div about="/fr/node/7926" class="content-teaser-container uk-text-center node--type--content-teaser--default"> <div class="uk-card uk-card-default"> <div> <div class="uk-card-media-top"> <div><div> <div> <img loading="lazy" src="/sites/default/files/2024-05/carte_app_tpg_transparent_0.png" width="1180" height="2020" alt="télécharger app tpg+" title="télécharger app tpg+" typeof="foaf:Image" /> </div> </div> </div> </div> <div class="uk-card-body"> <h3 class="uk-card-title"><span>App tpg +</span> </h3> <div class="subtitle uk-margin"> <p> </p> </div> </div> </div> <div class="uk-card-footer"> <a href="/fr/app-tpg-plus-votre-assistant-mobilite" class="uk-button uk-button-secondary">Télécharger</a> </div> </div> </div> </div> </div> </div> </div> </div> <div> <a class="visually-hidden" id="l-app-tpg" tabindex="-1"></a> <div class="paragraph paragraph--type--text-image paragraph--view-mode--default"> <div class="layout-inner-container"> <div uk-grid class="uk-grid uk-grid-medium uk-child-width-1-2@m"> <div class="body"> <div class="title"> <h2>L'app tpg</h2> </div> <div class="summary uk-clearfix"> <p>Fini de courir pour attendre… Grâce à l’application tpg vous pourrez retrouver la liberté d’organiser vos déplacements et votre temps selon vos besoins. Pour les voyageurs réguliers, les temps d’attente jusqu’au prochain véhicule, la durée du voyage et les correspondances possibles sont autant d’informations disponibles en temps réel ! Pour les voyageurs occasionnels, la recherche d’itinéraires, la géolocalisation de l’arrêt le plus proche et la cartographie vous guident pas à pas.</p><p><span class="text-orange"><strong>Mise à jour de l’app nécessaire</strong></span></p><p><strong>Toute version de l’application antérieure à novembre 2023 nécessite une mise à jour afin de bénéficier des informations fiables et actualisées.</strong> Depuis fin 2023, les technologies utilisées pour garantir des informations de qualité sont obsolètes et ne peuvent plus délivrer une information stable aux utilisateurs.<strong> Rendez-vous sur </strong><a href="https://apps.apple.com/fr/app/tpg/id421132153"><strong>Apple Store</strong></a><strong> et </strong><a href="https://play.google.com/store/apps/details?id=ch.tpg.android"><strong>Google Play</strong></a><strong> dès maintenant pour mettre à jour votre app.</strong></p> </div> </div> <div class="media uk-cover-container"> <div><div> <div> <img loading="lazy" src="/sites/default/files/2024-05/Texte%20image%20jeunes%20iphone.png" width="376" height="600" alt="jeunes iphone bus tpg" title="app tpg" typeof="foaf:Image" /> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div class="paragraph paragraph--type--rich-text paragraph--view-mode--default"> <div class="layout-inner-container uk-clearfix"> <div> <h3 class="text-align-center"><strong>Télécharger la dernière version de l'app tpg</strong></h3><table><tbody><tr><td><div> <div> <img loading="lazy" src="/sites/default/files/2024-04/app_tpg_120x120px.png" width="120" height="120" alt="télécharger app tpg" title="télécharger app tpg" typeof="foaf:Image"> </div> </div> </td></tr></tbody></table><table><tbody><tr><td><a href="https://apps.apple.com/fr/app/tpg/id421132153"><div> </div> </a></td><td><a href="https://play.google.com/store/apps/details?id=ch.tpg.android"><div> </div> </a></td></tr></tbody></table> </div> </div> </div> </div> <div> <a class="visually-hidden" id="tpg-votre-assistant-mobilite" tabindex="-1"></a> <div class="paragraph paragraph--type--text-image paragraph--view-mode--default"> <div class="layout-inner-container"> <div uk-grid class="uk-grid uk-grid-medium uk-child-width-1-2@m"> <div class="body"> <div class="title"> <h2><strong>tpg+</strong>, <span class="ui-provider">votre assistant mobilité</span></h2> </div> <div class="summary uk-clearfix"> <p><span>tpg+, une app pratique et complète qui permet des achats en ligne en toute simplicité. Achetez votre billet en un clic. Depuis votre compte personnel sécurisé ou en tant qu'invité (</span><span class="ui-provider ee bnp bnq bnr bns bnt bnu bnv bnw bnx bny bnz boa bob boc bod boe bof bog boh boi boj bok bol bom bon boo bop boq bor bos bot bou bov bow" dir="ltr">sans création de compte)</span><span>, l'achat de titres de transport n'a jamais été aussi simple. tpg plus offre même la possibilité d'acheter vos billets par avance aussi bien qu'instantanément. </span><span class="ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak" dir="ltr">Vous pouvez également ajouter votre carte SwissPass dans l'app, afin de l'avoir sur votre téléphone portable tout le temps.</span><span> Avec ou sans porte-monnaie, tant que vous avez votre app tpg plus, la vie sur le réseau tpg est facile, agréable et efficace. </span></p><p><span>Découvrez pas à pas </span><a href="https://www.tpg.ch/fr/node/4486/latest#tous-nos-tutos-au-format-video+mes-billets-et-trajets"><span>comment acheter vos billets</span></a><span> sur tpg+.</span></p><p><a class="uk-button uk-button-primary" href="app-tpg"><span>Télécharger tpg+</span></a></p> </div> </div> <div class="media uk-cover-container"> <div><div> <div> <img loading="lazy" src="/sites/default/files/2024-03/7.png" width="376" height="440" alt="app tpg+" title="app tpg+" typeof="foaf:Image" /> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div class="paragraph paragraph--type--rich-text paragraph--view-mode--default"> <div class="layout-inner-container uk-clearfix"> <div> <p class="text-align-center"> </p><h2 class="text-align-center">Une question ? Consultez les <strong>FAQs des apps</strong></h2> </div> </div> </div> </div> <div> <div class="paragraph paragraph--type--quicklinks paragraph--view-mode--default"> <div class="layout-inner-container"> <div uk-grid class="uk-grid uk-grid-medium uk-grid-match uk-child-width-1-2 uk-child-width-1-4@l uk-flex uk-flex-bottom uk-flex-center"> <div> <a href="/fr/lapp-tpg-mode-demploi" class="uk-link-muted uk-flex uk-flex-middle"> <span style="background-image: url('/sites/default/files/2024-04/app_tpg_3.png');">FAQ app tpg</span> </a> </div> <div> <a href="/fr/app-tpg-plus-votre-assistant-mobilite" class="uk-link-muted uk-flex uk-flex-middle"> <span style="background-image: url('/sites/default/files/2024-04/app_tpg_0.png');">FAQ app tpg+</span> </a> </div> </div> </div> </div> </div> <div> <a class="visually-hidden" id="mieux-voyager-avec-les-tpg" tabindex="-1"></a> <div class="paragraph paragraph--type--highlight-cta paragraph--view-mode--default image-position-left"> <div class="layout-inner-container"> <div class="media-container uk-background-norepeat" data-src="/sites/default/files/styles/crop_paragraph_highlightcta/public/2023-01/Texte%20image%20%282%29.png?itok=bto64A_F" uk-img> <div class="body uk-position-relative" style="border-color: rgba(253,83,18,1);"> <div uk-grid class="uk-grid uk-grid-large uk-child-width-1-2@m"> <div> <div class="title"> <h2>Mieux voyager avec les tpg</h2> </div> <div class="summary"> <p>Pour découvrir les horaires de votre ligne, recharger ou acheter votre abonnement, voici tous les éléments utiles dont vous pourriez avoir besoin pour vous guider et voyager sereinement sur notre réseau.</p> </div> </div> <div> <ul class="uk-list uk-list-divider uk-list-large-link"> <li> <a href="https://webshop.tpg.ch/" aria-label="Lien vers webshop" uk-icon="icon: arrow-right; ratio: 1.2;" class="uk-link-muted uk-icon">Accéder au webshop</a> </li> <li> <a href="/fr/acheter/nos-titres-de-transport/gerer-votre-abonnement" aria-label="Lien vers les abonnements" uk-icon="icon: arrow-right; ratio: 1.2;" class="uk-link-muted uk-icon">Voir les abonnements</a> </li> <li> <a href="/fr/tarifs-titres-de-transport" aria-label="Lien vers les tarifs des titres de transport" uk-icon="icon: arrow-right; ratio: 1.2;" class="uk-link-muted uk-icon">Découvrir les tarifs des titres de transport</a> </li> <li> <a href="/fr/vos-horaires-par-lignes-et-par-arrets" aria-label="Lien vers les horaires de votre arrêt par ligne" uk-icon="icon: arrow-right; ratio: 1.2;" class="uk-link-muted uk-icon">Les horaires de votre arrêt par ligne</a> </li> <li> <a href="https://www.tpg.ch/fr/travaux-et-manifestations" aria-label="Lien vers travaux et manifestations" uk-icon="icon: arrow-right; ratio: 1.2;" class="uk-link-muted uk-icon">Travaux et manifestations</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </article> </div> </div> <a id="js-scroll-to-top" class="scroll-to-top" href="#top" title="Vers le haut" uk-scroll><span uk-icon="icon: tpg-arrow-up" class="uk-preserve"></span></a> </main> <footer role="contentinfo" class="layout-footer"> <div class="footer-top"> <div class="layout-inner-container"> <div uk-grid class="uk-grid uk-child-width-1-2@m"> <div> <div id="block-social-links" data-block-plugin-id="block_content:f1b33b69-70fe-4514-b36a-0b2df394f168" class="block block-social-links"> <div class="block-title">Retrouvez-nous sur les réseaux sociaux</div> <div class="block-content"> <div uk-grid class="uk-grid uk-grid-small"> <div> <a href="https://www.facebook.com/tpgeneva" title="Suivez-nous sur Facebook" aria-label="Suivez-nous sur Facebook" target="_blank" uk-icon="icon: facebook; ratio: 1.2;" class="uk-icon uk-icon-button"></a> </div> <div> <a href="https://www.instagram.com/tpgeneva/" title="Suivez-nous sur instagram" aria-label="Suivez-nous sur instagram" target="_blank" uk-icon="icon: instagram; ratio: 1.2;" class="uk-icon uk-icon-button"></a> </div> <div> <a href="https://www.linkedin.com/company/tpg-ch" title="Suivez-nous sur LinkedIn" aria-label="Suivez-nous sur LinkedIn" target="_blank" uk-icon="icon: linkedin; ratio: 1.2;" class="uk-icon uk-icon-button"></a> </div> <div> <a href="https://www.youtube.com/user/tpgpromo" title="Suivez-nous sur YouTube" aria-label="Suivez-nous sur YouTube" target="_blank" uk-icon="icon: youtube; ratio: 1.2;" class="uk-icon uk-icon-button"></a> </div> </div> </div> </div> </div> <div> <div id="block-mobile-apps" data-block-plugin-id="block_content:c25eeab4-52d1-4cef-b489-d6bc00026d21" class="block block-mobile-apps"> <div class="block-title">Téléchargez votre application tpg</div> <div class="block-content"> <div uk-grid class="uk-grid uk-grid-small uk-child-width-auto"> <div> <a href="https://apps.apple.com/fr/app/tpgpreview/id1449846800" title="Télécharger notre application pour iOS" aria-label="Télécharger notre application pour iOS" target="_blank" class="icon icon--app-store"></a> </div> <div> <a href="https://play.google.com/store/apps/details?id=ch.tpg.boldor" title="Télécharger notre application pour Android" aria-label="Télécharger notre application pour Android" target="_blank" class="icon icon--google-play"></a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-middle"> <div class="layout-inner-container"> <div uk-grid class="uk-grid uk-child-width-1-2@m"> <div> <nav role="navigation" aria-labelledby="block-menu-footer-menu" id="block-menu-footer" data-block-plugin-id="system_menu_block:footer" class="footer-menu"> <div class="visually-hidden" id="block-menu-footer-menu">Menu pied-de-page</div> <ul class="uk-column-1-2 uk-list footer-links"> <li> <a href="/fr/contacts" data-drupal-link-system-path="node/2374">Contacts</a> </li> <li> <a href="/fr/publicite-sur-notre-flotte-de-vehicules" data-drupal-link-system-path="node/7227">Espaces publicitaires</a> </li> <li> <a href="/fr/open-data" data-drupal-link-system-path="node/3100">Open data</a> </li> <li> <a href="/fr/sitemap" data-drupal-link-system-path="sitemap">Plan du site</a> </li> <li> <a href="https://webshop.tpg.ch/">Webshop</a> </li> <li> <a href="/fr/devenir-fournisseur" data-drupal-link-system-path="node/2794">Devenir fournisseur</a> </li> <li> <a href="/fr/devenir-partenaire" data-drupal-link-system-path="node/2590">Devenir partenaire</a> </li> <li> <a href="/fr/contacter-le-service-relation-clientele" target="_self" rel="Customer service" class="Customer service" data-drupal-link-system-path="node/2377">Service clients</a> </li> </ul> </nav> </div> <div> <div id="block-form-newsletter--2" data-block-plugin-id="webform_block" class="block-form-newsletter"> <div class="block-title">Abonnez-vous à notre newsletter</div> <div class="block-content"> <span id="webform-submission-newsletter-node-7730-form-ajax-content"></span><div id="webform-submission-newsletter-node-7730-form-ajax" class="webform-ajax-form-wrapper" data-effect="none" data-progress-type="fullscreen"> <div class="layout-inner-container"> <form class="webform-submission-form webform-submission-add-form webform-submission-newsletter-form webform-submission-newsletter-add-form webform-submission-newsletter-node-7730-form webform-submission-newsletter-node-7730-add-form js-webform-submit-once js-webform-details-toggle webform-details-toggle" autocomplete="off" data-drupal-selector="webform-submission-newsletter-node-7730-add-form-2" action="/fr/voyager/plus-de-mobilite/les-applications-officielles-tpg" method="post" id="webform-submission-newsletter-node-7730-add-form--2" accept-charset="UTF-8"> <div uk-grid class="uk-grid uk-grid-collapse"> <div class="uk-width-expand js-form-item form-item js-form-type-email form-type-email js-form-item-email form-item-email uk-margin"> <label for="edit-email--2" class="visually-hidden">Email <sup class="form-required uk-text-danger">*</sup></label> <div class="uk-form-controls"> <input autocomplete="off" data-webform-required-error="Votre adresse email est requise" data-drupal-selector="edit-email" type="email" id="edit-email--2" name="email" value="" size="60" maxlength="254" placeholder="Votre email" class="form-email required uk-input" required="required" aria-required="true" /> </div> </div> <div class="uk-width-1 uk-width-auto@m form-actions webform-actions js-form-wrapper form-wrapper uk-form-row uk-margin" data-drupal-selector="edit-actions" id="edit-actions--4"><input class="webform-button--submit button button--primary js-form-submit form-submit uk-button uk-button-default" data-drupal-selector="edit-actions-submit-2" data-disable-refocus="true" type="submit" id="edit-actions-submit--2" name="op" value="S'inscrire" /> </div> <input data-drupal-selector="form-nd1bns3-wsw9rj6w7qm6h0an9e886ee2oemuveqasho" type="hidden" name="form_build_id" value="form-Nd1bnS3_WSw9Rj6w7qM6H0An9e886Ee2OEMUvEqAsho" class="uk-margin" /> <input data-drupal-selector="edit-webform-submission-newsletter-node-7730-add-form-2" type="hidden" name="form_id" value="webform_submission_newsletter_node_7730_add_form" class="uk-margin" /> <div class="hypt-textfield js-form-wrapper form-wrapper uk-form-row uk-margin" style="display: none !important;"><div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-hypt form-item-hypt uk-margin"> <label for="edit-hypt--2" class="uk-form-label">Laisser ce champ vide</label> <div class="uk-form-controls"> <input autocomplete="off" data-drupal-selector="edit-hypt" type="text" id="edit-hypt--2" name="hypt" value="" size="20" maxlength="128" class="form-text uk-input" /> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="layout-inner-container"> <div uk-grid class="uk-grid uk-child-width-1-2@m"> <div class="copyright"> © 2024 tpg Transports publics genevois </div> <div class="uk-flex-first uk-flex-last@m"> <nav role="navigation" aria-labelledby="block-menu-corporate-menu" id="block-menu-corporate" data-block-plugin-id="system_menu_block:corporate" class="corporate-menu"> <div class="visually-hidden" id="block-menu-corporate-menu">Menu institutionnel</div> <ul class="uk-subnav uk-subnav-divider uk-flex-center uk-flex-right@m uk-flex-bottom@m"> <li> <a href="/fr/protection-des-donnees" data-drupal-link-system-path="node/2308">Protection des données</a> </li> <li> <a href="/fr/mentions-legales" data-drupal-link-system-path="node/2305">Mentions légales</a> </li> </ul> </nav> </div> </div> </div> </div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"fr\/","currentPath":"node\/7730","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyFku16gyAMhW9I8JL6BEwhEwiF0HZ3P9R-OLc9-6GG9wAnHIEPuJ8Cw4RlhHetxRc2BstgmWdCwzK-qs4KjlNpGYKGJmw55oCCm0BJsKQufVwalk995hIHx-wCngTc6PrrONaL93cYhwwFXIHs69PsTXRLuZlA1eM0SHajCWxntXiphLfa2-ld7BRKZ1ZS4Ex2RyMbCqgg57qjFaFYvweeszJ83yO2BEEFSvO21AU2ENbS45KhSnA1sPUQMTUVgdLDcYWJJ1TbbhkcKiHZK5Z7kElW7ScVhPo44CsVZaEI1gP05HzojygrcNAujez8PsNbKGR997jLgS9IUXy21GgmGW5oluDHx3f7mUeIAXsKoicUoFB1hSv-O0nY9Rvx57SItS6tHPX1yv0GdW0mkpw4WfwC4R8kQA","theme":"tpg","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/fr\/voyager\/plus-de-mobilite\/les-applications-officielles-tpg?ajax_form=1":true,"\/fr\/search":true},"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"google\nnonGooglePixels\nnonGoogleScripts\nnonGoogleIframes","blocklist_classes":"customScripts\ncustomPixels","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-T3SDS4G"]},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber sk-flow\u0022\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":false,"throbberPosition":"body"},"cookiebot":{"message_placeholder_cookieconsent_optout_marketing_show":false,"message_placeholder_cookieconsent_optout_marketing":"\u003Cdiv class=\u0022cookiebot cookieconsent-optout-marketing\u0022\u003E\n\t\u003Cdiv class=\u0022cookieconsent-optout-marketing__inner\u0022\u003E\n\t\t\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n"},"ajax":{"edit-actions-submit--2":{"callback":"::submitAjaxForm","event":"click","effect":"none","speed":500,"progress":{"type":"fullscreen","message":""},"disable-refocus":true,"url":"\/fr\/voyager\/plus-de-mobilite\/les-applications-officielles-tpg?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"S\u0027inscrire"}},"edit-actions-submit":{"callback":"::submitAjaxForm","event":"click","effect":"none","speed":500,"progress":{"type":"fullscreen","message":""},"disable-refocus":true,"url":"\/fr\/voyager\/plus-de-mobilite\/les-applications-officielles-tpg?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"S\u0027inscrire"}}},"infoTrafic":{"defaultLineColor":"#AAA","checkDelay":60,"jsonUrl":"https:\/\/geste-api.intra-tpg.ch\/ospweb"},"user":{"uid":0,"permissionsHash":"8be51c25b7a8a2fdbc67014edf8902314a8e18adc546a26c8ade533686659ece"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script> <script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script> <script src="/sites/default/files/languages/fr_NP7HnUVQiirHYOoPXsZrWVFGbtdkoWaOfw47dvxgDp0.js?slq36q"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.3.0"></script> <script src="/core/misc/drupal.js?v=10.3.0"></script> <script src="/core/misc/drupal.init.js?v=10.3.0"></script> <script src="/core/misc/debounce.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/version-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/data-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/disable-selection-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/form-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/jquery-patch-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/scroll-parent-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/unique-id-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/focusable-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/ie-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/keycode-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/plugin-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/safe-active-element-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/safe-blur-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/widget-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/labels-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/autocomplete-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/jquery.ui/ui/widgets/menu-min.js?v=10.3.0"></script> <script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.2.0"></script> <script src="/core/misc/autocomplete.js?v=10.3.0"></script> <script src="/core/misc/progress.js?v=10.3.0"></script> <script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.3.0"></script> <script src="/core/misc/announce.js?v=10.3.0"></script> <script src="/core/misc/message.js?v=10.3.0"></script> <script src="/core/misc/ajax.js?v=10.3.0"></script> <script src="/modules/contrib/ajax_loader/js/ajax-throbber.js?v=1.x"></script> <script src="/themes/custom/tpg/dist/js/global.js?slq36q"></script> <script src="/modules/contrib/google_tag/js/gtm.js?slq36q"></script> <script src="/modules/contrib/google_tag/js/gtag.js?slq36q"></script> <script src="/modules/contrib/google_tag/js/gtag.ajax.js?slq36q"></script> <script src="/core/assets/vendor/js-cookie/js.cookie.min.js?v=3.0.5"></script> <script src="/modules/contrib/cookiebot/js/cookiebot.js?slq36q"></script> <script src="/core/misc/form.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.behaviors.js?v=10.3.0"></script> <script src="/core/misc/states.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.states.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.form.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.form.submit_once.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.element.details.save.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.element.details.toggle.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.scroll.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.ajax.js?v=10.3.0"></script> <script src="/modules/contrib/webform/js/webform.element.message.js?v=10.3.0"></script> <script src="/core/misc/jquery.form.js?v=4.3.0"></script> <script src="/themes/custom/tpg/dist/js/slick.js?v=1.8.1"></script> <script src="/themes/custom/tpg/dist/js/paragraph-cartes.js?slq36q"></script> <script src="/core/misc/jquery.tabbable.shim.js?v=10.3.0"></script> <script src="/core/misc/position.js?v=10.3.0"></script> <script src="/themes/custom/tpg/dist/js/block-search.js?slq36q"></script> <script src="/themes/custom/tpg/dist/js/mmenu.js?v=8.4.1"></script> <script src="/themes/custom/tpg/dist/js/mmenu.polyfills.js?v=8.4.1"></script> <script src="/themes/custom/tpg/dist/js/menu-main-mobile.js?slq36q"></script> <script src="/themes/custom/tpg/dist/js/header-navbar.js?slq36q"></script> <script src="/modules/custom/info_trafic/dist/js/info-trafic.js?v=1.1"></script> <script src="/themes/custom/tpg/dist/js/uikit.js?v=3.2.4-2"></script> <script src="/themes/custom/tpg/dist/js/uikit-icons.js?v=3.2.4-2"></script> <span class="visually-hidden" aria-hidden="true" id="monitoring_block">WEX_OK</span> </body> </html>