CINXE.COM
Infos Webshop & 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="Votre billet ou abonnement, o霉 et quand vous voulez ! Webshop, application tpgPreview, tpg Preview, billet par SMS, application tpg. Cliquer ici pour en savoir plus." /> <link rel="canonical" href="https://www.tpg.ch/fr/infos-webshop-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/infos-webshop-tpg" /> <link rel="alternate" hreflang="en" href="https://www.tpg.ch/en/infos-webshop-tpg" /> <link rel="alternate" hreflang="de" href="https://www.tpg.ch/de/node/2296" /> <link rel="icon" href="/themes/custom/tpg/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Infos Webshop & 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-hero.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-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" /> <link rel="stylesheet" media="all" href="/themes/custom/tpg/dist/css/paragraph-anchors.css?slq36q" /> </head> <body class="is-mobile"> <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" uk-icon="icon: arrow-right; ratio: 1.2;" data-drupal-link-system-path="node/7730">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鈥橢tat</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/2296" class="is-active" aria-current="page"><a href="/fr/infos-webshop-tpg" class="language-link is-active" title="Fran莽ais" aria-label="Fran莽ais" hreflang="fr" data-drupal-link-system-path="node/2296" aria-current="page">FR</a></li><li hreflang="en" data-drupal-link-system-path="node/2296"><a href="/en/infos-webshop-tpg" class="language-link" title="Anglais" aria-label="Anglais" hreflang="en" data-drupal-link-system-path="node/2296">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/infos-webshop-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/2023-11/vente-online_0.jpg?itok=p4hdKCtV" uk-img> <div class="page-title"> <h1>Votre billet ou abonnement, <strong>o霉 et quand vous voulez !</strong></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> <h2>Vous pr茅f茅rez faire vos achats en ligne, depuis chez vous ou sur votre chemin, les transports publics genevois vous proposent plusieurs solutions pour obtenir vos billets et abonnements en ligne.</h2> </div> </div> </div> </div> <div> <div class="paragraph paragraph--type--anchors paragraph--view-mode--default uk-hidden"> <div class="layout-inner-container uk-text-center@m"> <div class="anchors-container"></div> </div> </div> </div> <div> <a class="visually-hidden" id="webshop" tabindex="-1"></a> <div data-anchor-title="Webshop" data-anchor-hash="webshop" 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>Le Webshop</strong> facilite vos achats de titres de transport en ligne</h2> </div> <div class="summary uk-clearfix"> <p>Acc茅dez facilement 脿 l鈥檃chat de vos billets et abonnement via votre espace personnel. Retrouvez tous les titres de transports qu鈥檌l vous faut pour Gen猫ve et les zones frontali猫res. Abonnement annuel, mensuel, carte journ茅e ou billet, tout est disponible en ligne, en quelques clics. Une fois votre achat effectu茅, votre abonnement est charg茅 sur votre SwissPass. Il sera actif 脿 la date de d茅but de validit茅 choisie et votre achat vous sera confirm茅 par e-mail.<br>Pour l鈥檃chat d鈥檜n billet, votre e-ticket vous est envoy茅 par email.</p><p><a class="uk-button uk-button-secondary" href="https://webshop.tpg.ch/">J'acc猫de au Webshop</a></p> </div> </div> <div class="media uk-cover-container uk-flex-first@m"> <div><div> <div> <img loading="lazy" src="/sites/default/files/2019-11/Page%20en%20ligne%20-%20Acc%C3%A9der%20au%20webshop%20540x430.png" width="540" height="430" alt="acc茅der au webshop tpg" title="acc茅der au webshop tpg" typeof="foaf:Image" /> </div> </div> </div> </div> </div> </div> </div> </div> <div> <a class="visually-hidden" id="tpg" tabindex="-1"></a> <div data-anchor-title="tpg+" data-anchor-hash="tpg" class="paragraph paragraph--type--rich-text paragraph--view-mode--default"> <div class="layout-inner-container uk-clearfix"> <div> <h2>Votre billet e-ticket directement sur votre t茅l茅phone avec <strong>tpg+</strong></h2><p><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">Avec tpg+ achetez votre titre de transport dans l鈥檕nglet 芦 acheter 禄 et trouvez le billet qu鈥檌l vous faut parmi l鈥檃ssortiment unireso et L茅man Pass. Vous pouvez aussi passer par la recherche d鈥檌tin茅raire. Une fois votre parcours trouv茅, cliquez sur le bouton 芦 continuer 禄 pour acheter le titre de transport correspondant. Les transactions peuvent 锚tre effectu茅es en francs suisses ou en euros. </span></p><p><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">Plusieurs mode de paiement sont disponibles : Twint, carte bancaire, Apple Pay et Google Pay. </span></p> </div> </div> </div> </div> <div> <a class="visually-hidden" id="telecharger-tpg" tabindex="-1"></a> <div class="paragraph paragraph--type--hero paragraph--view-mode--default content-align--left"> <div class="layout-inner-container"> <div class="media-container uk-background-norepeat uk-position-relative" style="background-image: url('/sites/default/files/styles/crop_paragraph_hero/public/2023-03/tpgPreview%20%283%29.png?itok=Oj6RgadW')" data-srcmobile="/sites/default/files/styles/crop_paragraph_hero_small/public/2023-03/Hero%20block%20mobile.png?itok=ReMaGDX4" data-srcdesktop="/sites/default/files/styles/crop_paragraph_hero/public/2023-03/tpgPreview%20%283%29.png?itok=Oj6RgadW" uk-img> <div class="overlay uk-flex uk-flex-left@m"> <div class="body"> <div class="title"> <h2>T茅l茅charger <strong>tpg+</strong></h2> </div> <div class="summary"> <table><tbody><tr><td><a href="https://apps.apple.com/fr/app/tpg/id1449846800"><div> </div> </a></td><td><a href="https://play.google.com/store/apps/details?id=ch.tpg.boldor"><div> </div> </a></td></tr></tbody></table> </div> </div> </div> </div> </div> </div> </div> <div> <a class="visually-hidden" id="d-autres-points-de-vente-a-votre-disposition" tabindex="-1"></a> <div class="paragraph paragraph--type--highlight-cta paragraph--view-mode--default image-position-right"> <div class="layout-inner-container"> <div class="media-container uk-background-norepeat" data-src="/sites/default/files/styles/crop_paragraph_highlightcta/public/2019-11/Clients_764x417%20%282%29.png?itok=3xvEMwpO" 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><strong>D'autres points de vente </strong>脿 votre disposition</h2> </div> <div class="summary"> <p>Vous pouvez aussi acheter vos titres de transports (billets, cartes journali猫res et abonnements)...</p> </div> </div> <div> <ul class="uk-list uk-list-divider uk-list-large-link"> <li> <a href="/fr/acheter/nos-points-de-vente/agences" uk-icon="icon: arrow-right; ratio: 1.2;" class="uk-link-muted uk-icon">En agence</a> </li> <li> <a href="/fr/acheter/nos-points-de-vente/revendeurs" uk-icon="icon: arrow-right; ratio: 1.2;" class="uk-link-muted uk-icon">Aupr猫s de nos revendeurs</a> </li> <li> <a href="/fr/acheter/nos-points-de-vente/distributeurs-automatiques" uk-icon="icon: arrow-right; ratio: 1.2;" class="uk-link-muted uk-icon">Aux distributeurs sur le r茅seau et dans les bus</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-2296-form-ajax-content"></span><div id="webform-submission-newsletter-node-2296-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-2296-form webform-submission-newsletter-node-2296-add-form js-webform-submit-once js-webform-details-toggle webform-details-toggle" autocomplete="off" data-drupal-selector="webform-submission-newsletter-node-2296-add-form-2" action="/fr/infos-webshop-tpg" method="post" id="webform-submission-newsletter-node-2296-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-dq-tajkt61ml6p1tzyt4my9ohtjfoyr1ebcrc-h2mli" type="hidden" name="form_build_id" value="form-Dq-TAjKT61ML6P1TZyt4MY9oHTjFOyr1EBcrC_h2MLI" class="uk-margin" /> <input data-drupal-selector="edit-webform-submission-newsletter-node-2296-add-form-2" type="hidden" name="form_id" value="webform_submission_newsletter_node_2296_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\/2296","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyFkltywyAMRTdk8JIyAiugGBAFkaS7L7bzcDzt9AMQ5wJXCOAC91NgmLCM8I61-MLGYBks80xoWMZX1FnBcSotQ9DQhC3HHFBwEygJltSly1fD8q3PXOLgmF3Ak4AbXe-Oc714f8I4ZCjgCmRfn2ZvolvKzQSqHqdBshtNYDurxUslvNWeTs9ip1A6s5ICZ7I7GtlQQAU51x2tCMX6PfCcleH7HrElCCpQmretLrCBsIYelxqqBFcDWw4RU1MRKD0cV5h4QrWdlsGhEpK9YrkXMsmqrfR1ewXJei71QD0WPiJyPvQmygoctELWK8G7HPiCFMWna6OZZLihWWo7PsbtvY4QA_aLip5QgELVFa747yJh1x_9z2URa11SOerrr_oN6tpMJDlxsvgDU8YY9w","theme":"tpg","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/fr\/infos-webshop-tpg?gad_source=1\u0026gbraid=0AAAAAC5gKD_acb7fk9g8iX0c3Y2tiFxMk\u0026gclid=EAIaIQobChMIx92nupmziQMVupODBx2CfxFBEAAYASAAEgJY0fD_BwE\u0026ajax_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\/infos-webshop-tpg?gad_source=1\u0026gbraid=0AAAAAC5gKD_acb7fk9g8iX0c3Y2tiFxMk\u0026gclid=EAIaIQobChMIx92nupmziQMVupODBx2CfxFBEAAYASAAEgJY0fD_BwE\u0026ajax_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\/infos-webshop-tpg?gad_source=1\u0026gbraid=0AAAAAC5gKD_acb7fk9g8iX0c3Y2tiFxMk\u0026gclid=EAIaIQobChMIx92nupmziQMVupODBx2CfxFBEAAYASAAEgJY0fD_BwE\u0026ajax_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/paragraph-hero.js?slq36q"></script> <script src="/themes/custom/tpg/dist/js/paragraph-anchors.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> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=592661485" async></script></body> </html>