<!DOCTYPE html>
<html lang="fr" class="noscript v-default cts">
<head>
<style>html {
visibility: hidden;
opacity: 0;
}</style>
<noscript>
<style>html.noscript .hide-noscript {
display: none !important;
}
html {
visibility: visible;
opacity: 1;
}
</style>
</noscript>
<script>
document.documentElement.classList.remove("noscript");
document.documentElement.classList.add("hasscript");
// Show the page when DOM is loaded
document.addEventListener("DOMContentLoaded", function () {
const html = document.querySelector('html');
html.style['visibility'] = 'visible';
html.style['opacity'] = '1';
});
</script>
<script src="/export/system/modules/eu.cts.module.theme/resources/js/monkeypatch.js_125182195.js"></script>
<script>mercury = function () {var n = function () {var n = [];return {ready: function (t) {n.push(t)},getInitFunctions: function () {return n}}}(),t = function (t) {if ("function" != typeof t) return n;n.ready(t)};return t.getInitFunctions = function () {return n.getInitFunctions()},t.ready = function (n) {this(n)},t}();var __isOnline =true,__scriptPath = "/export/system/modules/alkacon.mercury.theme/js/mercury.js"</script>
<script async
src="/export/system/modules/alkacon.mercury.theme/js/mercury.js_1675644813.js"></script>
<link rel="canonical" href="https://www.cts-strasbourg.eu/fr/accueil/index.html">
<link rel="alternate" hreflang="fr" href="https://www.cts-strasbourg.eu/fr/accueil/index.html">
<link rel="alternate" hreflang="en" href="https://www.cts-strasbourg.eu/en/home/index.html">
<link rel="alternate" hreflang="de" href="https://www.cts-strasbourg.eu/de/startseite/index.html">
<title>CTS Accueil - CTS Strasbourg</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="description" content="CTS Strasbourg : consultez horaires, plans du tram et du bus, itinéraires, titres de transport et infos trafic pour organiser facilement vos trajets.">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="7 days"><link rel="stylesheet" href="/export/system/modules/alkacon.mercury.theme/css/awesome-selection.min.css_565874998.css">
<link rel="stylesheet" href="/export/system/modules/alkacon.mercury.theme/css/theme-standard.min.css_565904789.css">
<link rel="preload" as="font" type="font/woff2" href="/export/system/modules/alkacon.mercury.theme/fonts/awesome-selection.woff2?v=my-1" crossorigin>
<script type="text/javascript">
window.jqueryValidateParams = {
labels: {
errorRequired: "Champ obligatoire",
errorInvalidBadgeo: "Le numéro renseigné est invalide",
errorEmail: "L'adresse email doit être au format exemple@domaine.fr",
errorPhone: "Veuillez saisir un numéro de téléphone valide, par exemple 06 12 34 56 78",
errorPostalCode: "Veuillez saisir un code postal valide, par exemple 70000",
errorDate: "La date n'est pas au bon format.",
errorDateJJMMAAAA: "La date n'est pas au bon format. Elle devrait être au format jj/mm/aaaa",
errorDateGoodYear: "L'année doit être supérieur à 1900",
errorIban: "L'IBAN renseigné n'est pas correct",
errorDateLate: "La date de réservation doit être dans les 90 jours à compter d'aujourd'hui",
errorNumeroBadgeo: "Veuillez renseigner un numéro de carte valide (10 chiffres), par exemple 1912123456",
errorEqualTo: "Les adresses email saisies ne correspondent pas.",
errorNotEqualTo: "Veuillez saisir une valeur différente",
errorNumeroPv: "Veuillez renseigner un numéro de PV (6 chiffres minimum)",
errorCBDebut: "Veuillez renseigner un début de numéro de carte valide (6 chiffres)",
errorCBFin: "Veuillez renseigner une fin de numéro de carte valide (4 chiffres)",
errorFileTooBig: "Votre document ne peut pas excéder la taille maximale de 9Mo",
fileAttachmentText: "Faites glisser un fichier ici ou cliquez ci-dessous pour le téléverser.",
pwdRequired: "Le mot de passe est obligatoire",
pwdTooShort: "Le mot de passe doit contenir au moins 12 caractères",
pwdNoCapital: "Le mot de passe doit contenir au moins une lettre majuscule",
pwdNoLowercase: "Le mot de passe doit contenir au moins une lettre minuscule",
pwdNoDigit: "Le mot de passe doit contenir au moins un chiffre",
pwdNoSpeciallyCharacter: "Le mot de passe doit contenir au moins un caractère spécial",
pwdValidStrong: "Mot de passe fort",
pwdConfirmNotEqual: "Les deux mots de passe ne correspondent pas",
pwdConfirmEqual: "Les mots de passe correspondent",
pwdSameAsOld: "Le nouveau mot de passe ne peut pas être identique à l'ancien",
emailRequired: "L'adresse mail est obligatoire",
emailBadFormat: "L'adresse email doit être au format exemple@domaine.fr",
emailConfirmNotEqual: "Les adresses email ne correspondent pas",
errorTooSmallYear: "Merci d'entrer une valeur supérieur ou égal à 1800",
errorTooBigYear: "Merci d'entrer une valeur inférieur ou égal à 2026",
}
};
/**
variables communes
**/
var commonVars =
{
utils: {
isEditMode: false,
isOnlineProject: true,
maxSize: 9 * 1024 * 1024
},
regex: {
// /!\ ne pas mettre les guillemets pour les regexp
date:/^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{4}$/,
phone:/^([\+][0-9]{1,3}[ \.\-]{0,1})?([\(]{1}[0-9]{2,6}[\)])?([0-9 \.\-\/]{3,20})((x|ext|extension)[ ]?[0-9]{1,4})?$/,
zip:/^\d{5,6}$/
},
labels: {
passwordToggle: "Afficher ou masquer le mot de passe",
errorTitle: "Erreur",
warningTitle: "Attention",
error: "Une erreur est survenue. Veuillez réessayer dans quelques minutes.",
errorAndReload: "Une erreur est survenue. Veuillez répéter cette opération ultérieurement en rechargeant la page.",
informationTitle: "Information",
ok: "Ok",
cancel: "Annuler",
requiredLegend: "Champs obligatoires",
chooseDate: "Choisir cette date",
photo: {
useWebcam: "Utiliser la caméra",
uploadFile: "Importer une photo",
takePhoto: "Prendre une photo",
noWebcam: "Aucune webcam disponible",
errorTitle: "Erreur",
missingPicture: "Photo manquante. Veuillez vérifier qu'elle a été validée.",
oversizedPicture: "La taille de l'image ne doit pas dépasser 7Mo.",
confirmError: "OK",
tooBigImg: "Image trop volumineuse"
},
postalCityAutocomplete: {
noResultFor: "Aucun résultat trouvé pour",
},
fileUpload: {
fileSelected: "Fichier sélectionné :",
}
},
urls: {
autocompletePostalCity: "/system/modules/eu.cts.module.core/actions/autocomplete_postalCity.jsp",
photodivjsp: "/system/modules/eu.cts.module.theme/elements/photo-div.jsp",
photowebcamdivjsp: "/system/modules/eu.cts.module.theme/elements/photo-webcam-div.jsp",
photofiledivjsp: "/system/modules/eu.cts.module.theme/elements/photo-file-div.jsp",
},
locale: "fr"
};
var commonsLabels = {
error: {
fieldEmpty: "Champ vide"
},
close: "Fermer"
};
</script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/spin.js_1187175920.js"
type="module"></script>
<script type="module"
src="/export/system/modules/eu.cts.module.theme/resources/libs/tom-select.complete.min.js_1187175920.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/jquery-3.7.1.min.js_1187175920.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/jquery.validate.min.js_1187175920.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/jquery.form.js_1187175920.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/captchetat-js.js_2013196453.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/flatpickr/flatpickr.min.js_1187175920.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/flatpickr/fr.js_1187175920.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/flatpickr/confirmDate.js_1187175920.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/libs/embla-carousel.umd.js_1187175920.js"></script>
<script src="/export/system/modules/alkacon.mercury.template/resources/js/faq.js_1187175920.js"></script>
<link rel="stylesheet" href="/export/system/modules/eu.cts.module.theme/resources/css/custom.css_1869127177.css">
<script src="/export/system/modules/eu.cts.module.theme/resources/js/custom.js_1863556260.js" type="module"
defer></script>
<link rel="apple-touch-icon" sizes="180x180"
href="">
<link rel="icon" type="image/png" sizes="32x32"
href="/export/system/modules/alkacon.mercury.theme/img/favicon.png_642975561.png">
<link rel="icon" type="image/png" sizes="16x16"
href="/export/system/modules/alkacon.mercury.theme/img/favicon.png_897707255.png"><title></title>
</head>
<body>
<a class="btn visually-hidden-focusable-fixed" id="skip-to-content" href="#main-content">Passer au contenu</a><main id="main-content"><div id="mercury-page" >
<div class="area-content area-wide area-full-row" ><!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "https:\/\/ctsstrasbourg.matomo.cloud\/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.async = true;
g.src = 'https://cdn.matomo.cloud/ctsstrasbourg.matomo.cloud/matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
<div>
<header id="HeaderDiv" class="header">
<!-- Top Navigation Bar -->
<div class="top-nav">
<a href="/fr/toutes-les-actualites/"
class="top-nav__link">Actualités</a>
<a href="/fr/foire-aux-questions/" class="top-nav__link">FAQ</a>
<a href="/fr/contact/nous-contacter/" class="top-nav__link">Nous contacter</a>
</div>
<!-- Main Navigation Bar -->
<div class="main-nav">
<!-- Logo -->
<div class="main-nav__logo">
<a href="/fr/" title='CTS - Aller à la page d'>
<img src="/export/sites/default/.galleries/gallerie_cts/logo_cts_header.png_1697849722.png" alt="CTS - Aller à la page d'accueil"
class="main-nav__logo-img"/>
</a>
</div>
<!-- Navigation Menu - Desktop -->
<nav class="main-nav__menu" aria-label="Navigation principale">
<div class="main-nav__item main-nav__item-- main-nav__item--dropdown"
data-dropdown="fr-se-deplacer"
tabindex="0"
role="button"
aria-haspopup="true"
aria-expanded="false"
aria-label="Se déplacer - Ouvrir le sous-menu">
<img src="/export/system/modules/eu.cts.module.header/resources/images/se_deplacer.svg"
alt=""
aria-hidden="true"/>
<span class="main-nav__text main-nav__text--">Se déplacer</span>
</div>
<div class="main-nav__separator"></div>
<div class="main-nav__item main-nav__item-- main-nav__item--dropdown"
data-dropdown="fr-acheter"
tabindex="0"
role="button"
aria-haspopup="true"
aria-expanded="false"
aria-label="Acheter - Ouvrir le sous-menu">
<img src="/export/system/modules/eu.cts.module.header/resources/images/acheter.svg"
alt=""
aria-hidden="true"/>
<span class="main-nav__text main-nav__text--">Acheter</span>
</div>
<div class="main-nav__separator"></div>
<div class="main-nav__item main-nav__item-- main-nav__item--dropdown"
data-dropdown="fr-nous-connaitre"
tabindex="0"
role="button"
aria-haspopup="true"
aria-expanded="false"
aria-label="Nous connaître - Ouvrir le sous-menu">
<img src="/export/system/modules/eu.cts.module.header/resources/images/nous_connaitre.svg"
alt=""
aria-hidden="true"/>
<span class="main-nav__text main-nav__text--">Nous connaître</span>
</div>
<div class="main-nav__separator"></div>
<!-- Search -->
<!-- Search -->
<div role="search">
<button class="main-nav__search" id="search-toggle">
<img class="main-nav__search-icon"
src="/export/system/modules/eu.cts.module.header/resources/images/search_icon.svg"
alt="Recherche">
</button>
</div>
<!-- Search Overlay -->
<div class="search-overlay" id="search-overlay" role="search" aria-labelledby="searchTitle" >
<div class="search-overlay__content">
<div class="search-overlay__header">
<h3 class="search-overlay__title" id="searchTitle">Rechercher ...</h3>
<button class="search-overlay__close" id="search-close">
<img src="/export/system/modules/eu.cts.module.header/resources/images/search_overlay_close.svg" alt="Fermer la recherche">
</button>
</div>
<div class="search-overlay__form">
<form id="cts-header-search-form" action="/fr/rechercher/" method="POST">
<div class="search-input-wrapper">
<input
type="text"
class="search-input"
placeholder="Rechercher ..."
id="searchNavQuery"
name="q" autocomplete="off"
title="Rechercher ..."
aria-labelledby="searchTitle"
/>
<button class="search-submit" type="submit"
onclick="this.form.submit(); return false;" title="Valider la recherche">
<img src="/export/system/modules/eu.cts.module.header/resources/images/search_submit.svg"
alt=""
aria-hidden="true">
</button>
</div>
</form>
</div>
</div>
</div>
</nav>
<!-- Right Side Controls -->
<div class="main-nav__controls">
<div class="main-nav__controls-group">
<!-- Language Selector -->
<!-- Language Selector -->
<div class="language-selector" id="lang-selector-container" tabindex="0" role="button" aria-label="Changer de langue">
<select class="language-selector__select" id="language-select" onchange="location.href=this.value" aria-label="Sélection de la langue">
<option disabled selected style="display: none"></option>
<option value="/de/startseite/index.html">DE</option>
<option value="/en/home/index.html">EN</option>
</select>
<span class="language-selector__text">FR</span>
<img class="language-selector__arrow"
src="/export/system/modules/eu.cts.module.header/resources/images/language_arrow.svg"
alt=""
aria-hidden="true">
</div>
<a href="/fr/connexion/" class="ma-cts-btn">
<img class="ma-cts-btn__icon"
src="/export/system/modules/eu.cts.module.header/resources/images/ma_cts.svg"
alt=""
aria-hidden="true">
<div class="ma-cts-btn__content">
<span class="ma-cts-btn__text">Ma CTS</span>
</div>
</a>
</div>
</div>
<!-- Mobile menu button -->
<button class="mobile-menu-btn" id="mobile-menu-btn"
role="button"
aria-label="Menu"
aria-expanded="false"
aria-controls="mobile-menu"
tabindex="0">
<div class="hamburger">
<span class="hamburger__line"></span>
<span class="hamburger__line"></span>
<span class="hamburger__line"></span>
</div>
</button>
</div>
<!-- Dropdown Menus -->
<div class="dropdown-container">
<div class="dropdown"
id="dropdown-fr-se-deplacer"
role="menu"
aria-label="Sous-menu Se déplacer">
<div class="dropdown__content dropdown__row">
<a href="/fr/se-deplacer/recherche-ditineraire/"
class="dropdown__title"
role="menuitem">
<img src="/export/system/modules/eu.cts.module.header/resources/images/recherche_itineraire.svg"
alt=""
aria-hidden="true"/>
<span>Recherche d'itinéraire</span>
</a>
<a href="/fr/se-deplacer/recherche-horaire/"
class="dropdown__title"
role="menuitem">
<img src="/export/system/modules/eu.cts.module.header/resources/images/recherche_horaire.svg"
alt=""
aria-hidden="true"/>
<span>Recherche horaire</span>
</a>
<a href="/fr/se-deplacer/infos-trafic/"
class="dropdown__title"
role="menuitem">
<img src="/export/system/modules/eu.cts.module.header/resources/images/infotrafic.svg"
alt=""
aria-hidden="true"/>
<span>Infos Trafic</span>
</a>
</div>
</div>
<div class="dropdown"
id="dropdown-fr-acheter"
role="menu"
aria-label="Sous-menu Acheter">
<div class="dropdown__content dropdown__row">
<a href="/fr/acheter/nos-titres/"
class="dropdown__title"
role="menuitem">
<span>Titres de transport</span>
</a>
</div>
</div>
<div class="dropdown"
id="dropdown-fr-nous-connaitre"
role="menu"
aria-label="Sous-menu Nous connaître">
<div class="dropdown__content dropdown__row">
<div class="dropdown__column">
<a href="/fr/nous-connaitre/lessentiel-de-la-cts/qui-sommes-nous/notre-histoire/"
class="dropdown__title"
role="menuitem">
<span>L'essentiel de la CTS</span>
</a>
<div class="dropdown__section">
<div class="dropdown__section--collapsible">
<div class="dropdown__subtitle-wrapper"
data-toggle="fr-nous-connaitre-lessentiel-de-la-cts-qui-sommes-nous"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Qui sommes nous ? - Ouvrir/Fermer">
<span class="dropdown__subtitle">Qui sommes nous ?</span>
<img class="dropdown__chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron.svg"
alt=""
aria-hidden="true">
</div>
<ul class="dropdown__list"
id="fr-nous-connaitre-lessentiel-de-la-cts-qui-sommes-nous">
<li>
<a href="/fr/nous-connaitre/lessentiel-de-la-cts/qui-sommes-nous/notre-histoire/"
class="dropdown__sublink">Notre histoire</a>
</li>
</ul>
<ul class="dropdown__list"
id="fr-nous-connaitre-lessentiel-de-la-cts-qui-sommes-nous">
<li>
<a href="/fr/nous-connaitre/lessentiel-de-la-cts/qui-sommes-nous/nos-chiffres-cles/nos-chiffres-cles/"
class="dropdown__sublink">Nos chiffres clés</a>
</li>
</ul>
</div>
</div>
<div class="dropdown__section">
<a class="dropdown__link"
href="/fr/nous-connaitre/lessentiel-de-la-cts/nos-engagements/">Nos engagements</a>
</div>
</div>
<div class="dropdown__column">
<a href="/fr/nous-connaitre/notre-reseau/tram-et-bus/"
class="dropdown__title"
role="menuitem">
<span>Notre réseau</span>
</a>
<div class="dropdown__section">
<a class="dropdown__link"
href="/fr/nous-connaitre/notre-reseau/tram-et-bus/">Tram et bus</a>
</div>
<div class="dropdown__section">
<a class="dropdown__link"
href="/fr/nous-connaitre/notre-reseau/lignes-de-nuit-et-soirees/">Soirée & nuit</a>
</div>
<div class="dropdown__section">
<div class="dropdown__section--collapsible">
<div class="dropdown__subtitle-wrapper"
data-toggle="fr-nous-connaitre-notre-reseau-transports-a-la-demande"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Transports à la demande - Ouvrir/Fermer">
<span class="dropdown__subtitle">Transports à la demande</span>
<img class="dropdown__chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron.svg"
alt=""
aria-hidden="true">
</div>
<ul class="dropdown__list"
id="fr-nous-connaitre-notre-reseau-transports-a-la-demande">
<li>
<a href="/fr/nous-connaitre/notre-reseau/transports-a-la-demande/flexhop/"
class="dropdown__sublink">Flex'hop</a>
</li>
</ul>
<ul class="dropdown__list"
id="fr-nous-connaitre-notre-reseau-transports-a-la-demande">
<li>
<a href="/fr/nous-connaitre/notre-reseau/transports-a-la-demande/mobistras/"
class="dropdown__sublink">Mobistras</a>
</li>
</ul>
</div>
</div>
<div class="dropdown__section">
<div class="dropdown__section--collapsible">
<div class="dropdown__subtitle-wrapper"
data-toggle="fr-nous-connaitre-notre-reseau-parkings"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Parkings - Ouvrir/Fermer">
<span class="dropdown__subtitle">Parkings</span>
<img class="dropdown__chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron.svg"
alt=""
aria-hidden="true">
</div>
<ul class="dropdown__list"
id="fr-nous-connaitre-notre-reseau-parkings">
<li>
<a href="/fr/nous-connaitre/notre-reseau/parkings/parking-relais/"
class="dropdown__sublink">Parking Relais</a>
</li>
</ul>
<ul class="dropdown__list"
id="fr-nous-connaitre-notre-reseau-parkings">
<li>
<a href="/fr/nous-connaitre/notre-reseau/parkings/parking-velos/"
class="dropdown__sublink">Parking Vélos</a>
</li>
</ul>
</div>
</div>
</div>
<div class="dropdown__column">
<a href="/fr/nous-connaitre/espace-presse/communiques-de-presse/"
class="dropdown__title"
role="menuitem">
<span>Espace presse</span>
</a>
<div class="dropdown__section">
<a class="dropdown__link"
href="/fr/nous-connaitre/espace-presse/communiques-de-presse/">Communiqués de presse</a>
</div>
<div class="dropdown__section">
<a class="dropdown__link"
href="/fr/nous-connaitre/espace-presse/rapports-institutionnels/">Rapports institutionnels</a>
</div>
</div>
<div class="dropdown__column">
<a href="/fr/nous-connaitre/espace-carriere/nos_offres/"
class="dropdown__title"
role="menuitem">
<span>Espace carrière</span>
</a>
<div class="dropdown__section">
<a class="dropdown__link"
href="/fr/nous-connaitre/espace-carriere/nos_offres/">Nos offres</a>
</div>
<div class="dropdown__section">
<div class="dropdown__section--collapsible">
<div class="dropdown__subtitle-wrapper"
data-toggle="fr-nous-connaitre-espace-carriere-nos-metiers"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Nos métiers - Ouvrir/Fermer">
<span class="dropdown__subtitle">Nos métiers</span>
<img class="dropdown__chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron.svg"
alt=""
aria-hidden="true">
</div>
<ul class="dropdown__list"
id="fr-nous-connaitre-espace-carriere-nos-metiers">
<li>
<a href="/fr/nous-connaitre/espace-carriere/nos-metiers/metiers-de-lexploitation/"
class="dropdown__sublink">Métiers de l'exploitation</a>
</li>
</ul>
<ul class="dropdown__list"
id="fr-nous-connaitre-espace-carriere-nos-metiers">
<li>
<a href="/fr/nous-connaitre/espace-carriere/nos-metiers/metiers-de-la-maintenance/"
class="dropdown__sublink">Métiers de la maintenance</a>
</li>
</ul>
<ul class="dropdown__list"
id="fr-nous-connaitre-espace-carriere-nos-metiers">
<li>
<a href="/fr/nous-connaitre/espace-carriere/nos-metiers/metiers-supports/"
class="dropdown__sublink">Métiers supports</a>
</li>
</ul>
</div>
</div>
</div>
<div class="dropdown__column">
<a href="/fr/nous-connaitre/marches-publics/spaser/"
class="dropdown__title"
role="menuitem">
<span>Marchés publics</span>
</a>
<div class="dropdown__section">
<a class="dropdown__link"
href="/fr/nous-connaitre/marches-publics/spaser/">SPASER</a>
</div>
<div class="dropdown__section">
<a class="dropdown__link"
href="/fr/nous-connaitre/marches-publics/nos-appels-d-offres/">Nos appels d'offres</a>
</div>
</div>
</div>
</div>
</div>
<!-- Mobile Menu -->
<nav class="mobile-menu" id="mobile-menu" aria-label="Navigation principale">
<div class="mobile-menu__content">
<div class="ma-cts-btn-and-search-wrapper ma-cts-btn-and-search-wrapper--column">
<div class="ma-cts-mobile-dropdown" id="ma-cts-mobile-dropdown-trigger">
<a href="/fr/connexion/" class="ma-cts-mobile-dropdown__btn">
<img class="ma-cts-btn__icon"
src="/export/system/modules/eu.cts.module.header/resources/images/ma_cts.svg"
alt=""
aria-hidden="true">
<div class="ma-cts-btn__content">
<span class="ma-cts-btn__text">Ma CTS</span>
</div>
</a>
</div>
<form id="cts-header-search-form" action="/fr/rechercher/" method="POST" style="width: 100%" role="search">
<div class="search-input-wrapper">
<input
type="text"
class="search-input"
placeholder="Rechercher ..."
id="searchNavQueryMobile"
name="q" autocomplete="off"
title="Rechercher ..."
aria-label="Rechercher ..."
/>
<button class="search-submit" type="submit"
onclick="this.form.submit(); return false;" title="Valider la recherche">
<img src="/export/system/modules/eu.cts.module.header/resources/images/search_submit_mobile.svg" alt=""
aria-hidden="true">
</button>
</div>
</form>
</div>
<div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
data-mobile-toggle="fr-se-deplacer"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Se déplacer">
<div class="mobile-menu__header">
<img class="mobile-menu__icon"
src="/export/system/modules/eu.cts.module.header/resources/images/se_deplacer.svg"
alt=""
aria-hidden="true"/>
<span class="mobile-menu__text">Se déplacer</span>
<img class="mobile-menu__chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
alt=""
aria-hidden="true">
</div>
<div class="mobile-menu__submenu" id="fr-se-deplacer">
<a href="/fr/se-deplacer/recherche-ditineraire/"
class="mobile-menu__sublink">Recherche d'itinéraire</a>
<a href="/fr/se-deplacer/recherche-horaire/"
class="mobile-menu__sublink">Recherche horaire</a>
<a href="/fr/se-deplacer/infos-trafic/"
class="mobile-menu__sublink">Infos Trafic</a>
</div>
</div>
<div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
data-mobile-toggle="fr-acheter"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Acheter">
<div class="mobile-menu__header">
<img class="mobile-menu__icon"
src="/export/system/modules/eu.cts.module.header/resources/images/acheter.svg"
alt=""
aria-hidden="true"/>
<span class="mobile-menu__text">Acheter</span>
<img class="mobile-menu__chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
alt=""
aria-hidden="true">
</div>
<div class="mobile-menu__submenu" id="fr-acheter">
<a href="/fr/acheter/nos-titres/"
class="mobile-menu__sublink">Titres de transport</a>
</div>
</div>
<div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
data-mobile-toggle="fr-nous-connaitre"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Nous connaître">
<div class="mobile-menu__header">
<img class="mobile-menu__icon"
src="/export/system/modules/eu.cts.module.header/resources/images/nous_connaitre.svg"
alt=""
aria-hidden="true"/>
<span class="mobile-menu__text">Nous connaître</span>
<img class="mobile-menu__chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
alt=""
aria-hidden="true">
</div>
<div class="mobile-menu__submenu" id="fr-nous-connaitre">
<div class="mobile-menu__section">
<div class="mobile-menu__section-header">
<span class="mobile-menu__section-title">L'essentiel de la CTS</span>
</div>
<div class="mobile-menu__subsection"
data-mobile-toggle="fr-nous-connaitre-lessentiel-de-la-cts-qui-sommes-nous"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Qui sommes nous ?">
<div class="mobile-menu__subsection-header">
<span>Qui sommes nous ?</span>
<img class="mobile-menu__mini-chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_mini_chevron.svg"
alt=""
aria-hidden="true">
</div>
<div class="mobile-menu__sublinks"
id="fr-nous-connaitre-lessentiel-de-la-cts-qui-sommes-nous">
<a href="/fr/nous-connaitre/lessentiel-de-la-cts/qui-sommes-nous/notre-histoire/"
class="mobile-menu__sublink">Notre histoire</a>
<a href="/fr/nous-connaitre/lessentiel-de-la-cts/qui-sommes-nous/nos-chiffres-cles/nos-chiffres-cles/"
class="mobile-menu__sublink">Nos chiffres clés</a>
</div>
</div>
<a href="/fr/nous-connaitre/lessentiel-de-la-cts/nos-engagements/"
class="mobile-menu__sublink">Nos engagements</a>
</div>
<div class="mobile-menu__section">
<div class="mobile-menu__section-header">
<span class="mobile-menu__section-title">Notre réseau</span>
</div>
<a href="/fr/nous-connaitre/notre-reseau/tram-et-bus/"
class="mobile-menu__sublink">Tram et bus</a>
<a href="/fr/nous-connaitre/notre-reseau/lignes-de-nuit-et-soirees/"
class="mobile-menu__sublink">Soirée & nuit</a>
<div class="mobile-menu__subsection"
data-mobile-toggle="fr-nous-connaitre-notre-reseau-transports-a-la-demande"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Transports à la demande">
<div class="mobile-menu__subsection-header">
<span>Transports à la demande</span>
<img class="mobile-menu__mini-chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_mini_chevron.svg"
alt=""
aria-hidden="true">
</div>
<div class="mobile-menu__sublinks"
id="fr-nous-connaitre-notre-reseau-transports-a-la-demande">
<a href="/fr/nous-connaitre/notre-reseau/transports-a-la-demande/flexhop/"
class="mobile-menu__sublink">Flex'hop</a>
<a href="/fr/nous-connaitre/notre-reseau/transports-a-la-demande/mobistras/"
class="mobile-menu__sublink">Mobistras</a>
</div>
</div>
<div class="mobile-menu__subsection"
data-mobile-toggle="fr-nous-connaitre-notre-reseau-parkings"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Parkings">
<div class="mobile-menu__subsection-header">
<span>Parkings</span>
<img class="mobile-menu__mini-chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_mini_chevron.svg"
alt=""
aria-hidden="true">
</div>
<div class="mobile-menu__sublinks"
id="fr-nous-connaitre-notre-reseau-parkings">
<a href="/fr/nous-connaitre/notre-reseau/parkings/parking-relais/"
class="mobile-menu__sublink">Parking Relais</a>
<a href="/fr/nous-connaitre/notre-reseau/parkings/parking-velos/"
class="mobile-menu__sublink">Parking Vélos</a>
</div>
</div>
</div>
<div class="mobile-menu__section">
<div class="mobile-menu__section-header">
<span class="mobile-menu__section-title">Espace presse</span>
</div>
<a href="/fr/nous-connaitre/espace-presse/communiques-de-presse/"
class="mobile-menu__sublink">Communiqués de presse</a>
<a href="/fr/nous-connaitre/espace-presse/rapports-institutionnels/"
class="mobile-menu__sublink">Rapports institutionnels</a>
</div>
<div class="mobile-menu__section">
<div class="mobile-menu__section-header">
<span class="mobile-menu__section-title">Espace carrière</span>
</div>
<a href="/fr/nous-connaitre/espace-carriere/nos_offres/"
class="mobile-menu__sublink">Nos offres</a>
<div class="mobile-menu__subsection"
data-mobile-toggle="fr-nous-connaitre-espace-carriere-nos-metiers"
tabindex="0"
role="button"
aria-expanded="false"
aria-label="Nos métiers">
<div class="mobile-menu__subsection-header">
<span>Nos métiers</span>
<img class="mobile-menu__mini-chevron"
src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_mini_chevron.svg"
alt=""
aria-hidden="true">
</div>
<div class="mobile-menu__sublinks"
id="fr-nous-connaitre-espace-carriere-nos-metiers">
<a href="/fr/nous-connaitre/espace-carriere/nos-metiers/metiers-de-lexploitation/"
class="mobile-menu__sublink">Métiers de l'exploitation</a>
<a href="/fr/nous-connaitre/espace-carriere/nos-metiers/metiers-de-la-maintenance/"
class="mobile-menu__sublink">Métiers de la maintenance</a>
<a href="/fr/nous-connaitre/espace-carriere/nos-metiers/metiers-supports/"
class="mobile-menu__sublink">Métiers supports</a>
</div>
</div>
</div>
<div class="mobile-menu__section">
<div class="mobile-menu__section-header">
<span class="mobile-menu__section-title">Marchés publics</span>
</div>
<a href="/fr/nous-connaitre/marches-publics/spaser/"
class="mobile-menu__sublink">SPASER</a>
<a href="/fr/nous-connaitre/marches-publics/nos-appels-d-offres/"
class="mobile-menu__sublink">Nos appels d'offres</a>
</div>
</div>
</div>
</div>
<div class="top-nav-mobile">
<a href="/fr/toutes-les-actualites/" class="top-nav__link">Actualités</a>
<a href="/fr/foire-aux-questions/" class="top-nav__link">FAQ</a>
<a href="/fr/contact/nous-contacter/" class="top-nav__link">Nous contacter</a>
</div>
</nav>
</header>
<script language="JavaScript">
window.headerparams = {
labels: {
showless: "Voir moins",
showmore: "Voir plus",
learnmore: "En savoir plus"
}
};
</script>
<script src="/export/system/modules/eu.cts.module.theme/resources/js/header/header.js_820646997.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/js/header/alerte-traffic-custom.js_1863556260.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/js/header/language-selector.js_820646997.js"></script>
</div>
</div>
<main class="area-content area-one-row bg-grey">
<div class="container area-wide" >
<div class="row justify-content-lg-center">
<div class="col-lg-12 col-xl-12" ><script src="/system/modules/eu.cts.module.cts_carousel/resources/js/cts-carousel.js"></script>
<div class="element type-slider use-embla-slider hero-slider pivot pivot-full home-slider">
<div class="embla slider-box" data-slider="10">
<div class="embla__container slide-definitions">
<div class="embla__slide slide-wrapper">
<div class="slide-container">
<div class="visual">
<a href="/fr/toutes-les-actualites/article/travaux-tram-ete-2026/" rel="noopener" class="slides">
<div class="image-src-box presized" style="padding-bottom: 31.97917%;" >
<img src="/export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_1870966077.png" sizes="(min-width: 1320px) 1290px, (min-width: 1170px) 1140px, (min-width: 992px) 962px, (min-width: 744px) 714px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_115555995.png 345w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_75242365.png 510w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_284208834.png 690w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_2072170476.png 714w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_1145647498.png 962w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_322543864.png 1020w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_1309321458.png 1140w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_1082119310.png 1290w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_968489667.png 1428w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_909565518.png 1440w, /export/sites/default/.galleries/gallerie_cts/CTS-TRAVAUX26-le-chat-HEADER_FR_PHASE-2.png_1870966077.png 1920w" width="1920" height="614" alt="CTS-TRAVAUX26-le chat-HEADER_FR_PHASE 2">
</div></a></div>
</div>
</div>
<div class="embla__slide slide-wrapper">
<div class="slide-container">
<div class="visual">
<a href="/fr/toutes-les-actualites/article/anticipez-la-rentree/" rel="noopener" target="_blank" class="slides">
<div class="image-src-box presized" style="padding-bottom: 31.97917%;" >
<img src="/export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_1870966077.jpg" loading="lazy" sizes="auto, (min-width: 1320px) 1290px, (min-width: 1170px) 1140px, (min-width: 992px) 962px, (min-width: 744px) 714px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_115555995.jpg 345w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_75242365.jpg 510w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_284208834.jpg 690w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_2072170476.jpg 714w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_1145647498.jpg 962w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_322543864.jpg 1020w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_1309321458.jpg 1140w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_1082119310.jpg 1290w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_968489667.jpg 1428w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_909565518.jpg 1440w, /export/sites/default/.galleries/gallerie_cts/anticipez-la-rentree-FR.jpg_1870966077.jpg 1920w" width="1920" height="614" alt="anticipez la rentrée">
</div></a></div>
</div>
</div>
<div class="embla__slide slide-wrapper">
<div class="slide-container">
<div class="visual">
<div class="slides">
<div class="image-src-box presized" style="padding-bottom: 31.97917%;" >
<img src="/export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_1870966077.png" loading="lazy" sizes="auto, (min-width: 1320px) 1290px, (min-width: 1170px) 1140px, (min-width: 992px) 962px, (min-width: 744px) 714px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_115555995.png 345w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_75242365.png 510w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_284208834.png 690w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_2072170476.png 714w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_1145647498.png 962w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_322543864.png 1020w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_1309321458.png 1140w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_1082119310.png 1290w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_968489667.png 1428w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_909565518.png 1440w, /export/sites/default/.galleries/gallerie_cts/header-badgeo-mobile-FR.png_1870966077.png 1920w" width="1920" height="614" alt="header-badgeo-mobile-FR">
</div></div></div>
</div>
</div>
</div>
<button class="slider-nav-btn prev-button rs_skip"
aria-label="???msg.page.list.pagination.previous.title???"
type="button">
???msg.page.list.pagination.previous.title???</button>
<button class="custom-nav-btn custom-play-btn">
<svg class="pause-icon" xmlns="http://www.w3.org/2000/svg" role="img" width="14" height="14" viewbox="0 0 14 14" fill="none" title="???cts.accessibilite.pause???">
<rect x="3" y="2" width="2" height="10" rx="1" fill="white"/>
<rect x="9" y="2" width="2" height="10" rx="1" fill="white"/>
</svg>
<svg class="play-icon" xmlns="http://www.w3.org/2000/svg" role="img" width="14" height="14" viewbox="0 0 14 14" fill="none" title="???cts.accessibilite.play???">
<path d="M5 3L11 7L5 11V3Z" fill="white"/>
</svg>
</button>
<button class="slider-nav-btn next-button rs_skip"
aria-label="???msg.page.list.pagination.next.title???" type="button">
???msg.page.list.pagination.next.title???</button>
</div>
</div>
</div></div>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6 tile-margin-0 container-2xl" ><script language="JavaScript">
document.head.innerHTML += '<script src="/system/modules/eu.cts.module.itineraire/resources/itineraire.js"/>';
</script>
<div class="tile-col itinerary-search-container">
<div class="itinerary-search-card">
<!-- Header -->
<div class="card-header">
<div class="header-icon">
<img class="header-icon"
src="/export/system/modules/eu.cts.module.itineraire/resources/icon/itineraire-icon.svg"
alt=""
aria-hidden="true">
</div>
<h3 class="card-title">Recherche d'itinéraire</h3>
</div>
<!-- Search Form -->
<form class="itinerary-form" action="/fr/se-deplacer/carto-interactive/" method="POST">
<!-- From Field -->
<div class="input-group">
<div class="input-wrapper">
<img class="input-icon input-icon--from"
src="/export/system/modules/eu.cts.module.itineraire/resources/icon/input-from-icon.svg"
alt="Départ"
aria-hidden="true">
<input
id="startStop"
type="text"
class="form-input"
name="from"
placeholder=""
autocomplete="off"
title="<strong>D'où</strong> partez-vous ?"
/>
<input id="from-type" name="fromType" hidden>
<span id="startStop-placeholder" class="input-placeholder">
<strong>D'où</strong> partez-vous ?</span>
</div>
<span id='from-error-message' style="width: 100%">
Champ obligatoire</span>
<!-- Swap Button -->
<button
type="button"
class="swap-button"
aria-label="Échanger les adresses"
>
<img src="/export/system/modules/eu.cts.module.itineraire/resources/icon/swap-button-icon.svg"
alt="Inverser">
</button>
</div>
<!-- To Field -->
<div class="input-group">
<div class="input-wrapper">
<img class="input-icon input-icon--to"
src="/export/system/modules/eu.cts.module.itineraire/resources/icon/input-to-icon.svg"
alt="Destination"
aria-hidden="true">
<input
id="endStop"
type="text"
class="form-input"
name="to"
placeholder=""
autocomplete="off"
title="<strong>Où</strong> allez-vous ?"
/>
<input id="to-type" name="toType" hidden>
<span id="endStop-placeholder" class="input-placeholder">
<strong>Où</strong> allez-vous ?</span>
</div>
</div>
<span id='to-error-message'>
Champ obligatoire</span>
<!-- Options Row -->
<div class="options-row">
<!-- Departure Time -->
<div class="time-selector">
<select class="time-select">
<option value="now" id="default-option">Partir maintenant</option>
<option value="departure">Départ à</option>
<option value="arrival">Arrivée à</option>
</select>
<span id='date-error-message'>
Champ obligatoire</span>
<input type="text" id="time-picker"
aria-label="Choisir une date et une heure"
autocomplete="off">
<input id="zulu-time-picker" name="date" hidden>
<input name="isArrivalTime" hidden>
<img class="select-arrow"
src="/export/system/modules/eu.cts.module.itineraire/resources/icon/select-arrow.svg"
alt="Flèche de sélection"
aria-hidden="true">
</div>
<!-- PMR Checkbox -->
</div>
<!-- Search Button -->
<button type="submit" class="search-button" title="Rechercher un itinéraire">
<span>Recherche</span>
</button>
</form>
</div>
</div>
<script type="text/javascript">
/**
* Paramètres
*/
let itineraireParams = {
ititialized: false,
searchpointurl: "/system/modules/eu.cts.module.itineraire/actions/action_searchpoints.jsp",
};
stops = {
};
</script>
<div class="tile-col schedule-card">
<div class="schedule-header">
<div class="schedule-icon">
<img src="/export/system/modules/eu.cts.module.horaires_accueil/resources/images/schedule_icon.svg" alt="" aria-hidden="true">
</div>
<h3 class="schedule-title">Horaires</h3>
</div>
<div class="schedule-image">
<img class="schedule-img" src="/export/sites/default/.galleries/gallerie_cts/test-horaire-3.jpg" alt="Horaires"/>
</div>
<div class="schedule-content schedule-description">
<p>Consultez les horaires en temps réel et anticipez vos déplacements en quelques secondes.</p></div>
<div class="schedule-footer">
<a href="/fr/se-deplacer/recherche-horaire/" class="schedule-btn">Voir tous les horaires</a>
</div>
</div>
<script src="/export/system/modules/eu.cts.module.itineraire/resources/itineraire.js"></script>
<script src="/export/system/modules/eu.cts.module.theme/resources/js/infotrafic/infostrafic.js"></script>
<div class="tile-col traffic-info-card">
<div class="traffic-header">
<div class="traffic-icon">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/traffic-icon.svg"
alt=""
aria-hidden="true">
</div>
<h3 class="traffic-title">Infos Trafic </h3>
</div>
<div class="traffic-content">
<h4 class="traffic-subtitle">Lignes perturbées :</h4>
<div class="traffic-lines">
<a class="traffic-line" style="background:#E10D19; color:#FFFFFF" href="/fr/se-deplacer/infos-trafic/perturbation-details/?line=A" aria-label="Ligne A">
<span class="line-number">A</span>
<div class="traffic-icon-small">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/maintenance-orange.svg"
alt="Maintenance">
</div>
</a>
<a class="traffic-line" style="background:#009EE0; color:#FFFFFF" href="/fr/se-deplacer/infos-trafic/perturbation-details/?line=B" aria-label="Ligne B">
<span class="line-number">B</span>
<div class="traffic-icon-small">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/maintenance-orange.svg"
alt="Maintenance">
</div>
</a>
<a class="traffic-line" style="background:#F29400; color:#FFFFFF" href="/fr/se-deplacer/infos-trafic/perturbation-details/?line=C" aria-label="Ligne C">
<span class="line-number">C</span>
<div class="traffic-icon-small">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/maintenance-orange.svg"
alt="Maintenance">
</div>
</a>
<a class="traffic-line" style="background:#009933; color:#FFFFFF" href="/fr/se-deplacer/infos-trafic/perturbation-details/?line=D" aria-label="Ligne D">
<span class="line-number">D</span>
<div class="traffic-icon-small">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/maintenance-orange.svg"
alt="Maintenance">
</div>
</a>
<a class="traffic-line" style="background:#97BF0D; color:#FFFFFF" href="/fr/se-deplacer/infos-trafic/perturbation-details/?line=F" aria-label="Ligne F">
<span class="line-number">F</span>
<div class="traffic-icon-small">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/maintenance-orange.svg"
alt="Maintenance">
</div>
</a>
<a class="traffic-line" style="background:#F6C900; color:#000000" href="/fr/se-deplacer/infos-trafic/perturbation-details/?line=G" aria-label="Ligne G">
<span class="line-number">G</span>
<div class="traffic-icon-small">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/maintenance-orange.svg"
alt="Maintenance">
</div>
</a>
<a class="traffic-line" style="background:#22AE84; color:#FFFFFF" href="/fr/se-deplacer/infos-trafic/perturbation-details/?line=C1" aria-label="Ligne C1">
<span class="line-number">C1</span>
<div class="traffic-icon-small">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/maintenance-orange.svg"
alt="Maintenance">
</div>
</a>
<a class="traffic-line" style="background:#9FC204; color:#000000" href="/fr/se-deplacer/infos-trafic/perturbation-details/?line=C3" aria-label="Ligne C3">
<span class="line-number">C3</span>
<div class="traffic-icon-small">
<img src="/export/system/modules/eu.cts.module.infotrafic/resources/images/maintenance-orange.svg"
alt="Maintenance">
</div>
</a>
</div>
</div>
<div class="traffic-footer">
<a href="/fr/se-deplacer/infos-trafic/" class="traffic-btn">
Voir toutes les lignes
</a>
</div>
</div>
<script type="text/javascript">
infoTraficParameters = {
pageUri: "/system/modules/eu.cts.module.infotrafic/elements/infotrafic-home-element.jsp",
urls: {
infoTraficUrl: "/system/modules/eu.cts.module.infotrafic/actions/infos-trafic-action.jsp",
}
};
</script>
</div>
<div class="row justify-content-lg-center container-1134 home-element">
<div class="col-lg-12 col-xl-12" ><div class="cartes-produit-wrapper">
<section class="online-purchase-section mode-horizontal">
<!-- Header avec titre et lien -->
<div class="element type-linkbox fully-linked box valign-center title global-title">
<a href="/fr/acheter/nos-titres/" class="linkbox-link">
<div class="linkbox-content adjust-headings piece full lay-0 phh phl pnv paj">
<div class="heading">
<h2 class="piece-heading">
Titres de transport</h2>
</div>
<div class="link">
<span class="btn piece-btn">
Voir tous nos titres</span>
</div>
</div>
</a>
</div>
<!-- Container des cartes produit -->
<div class="online-purchase-container">
<div class="online-purchase-content mode-horizontal">
<!-- Contenu réel -->
<a href="/fr/acheter/nos-titres/titres-reguliers/abonnement-tarif-plein/" class="purchase-item general bg-white"
style="text-decoration: none; color: inherit; cursor: pointer;">
<div class="smartphone-badge">
<img src="/export/system/modules/eu.cts.module.fiche_produit/resources/available-mobile-icon.svg"
alt=""/>
<span>Disponible sur smartphone</span>
</div>
<div class="purchase-top general">
<div class="purchase-icon">
<img src="/export/sites/default/.galleries/gallerie_cts/Carte-badgeo-fiche-produit.png"
alt="Abonnement Tarif Plein"
class="ticket-img">
</div>
<div class="purchase-text">
<h3 class="purchase-title">Abonnement Tarif Plein</h3>
<div class="purchase-description">
<p>Valable du 1er au dernier jour du mois. <br />Formule mensuelle ou annuelle.</p></div>
</div>
</div>
<div class="purchase-price">
<span class="price-label">à partir de</span>
<span class="price-value">28€/mois</span>
</div>
</a>
<a href="/fr/acheter/nos-titres/titres-reguliers/abonnement-tarif-reduit/" class="purchase-item general bg-white"
style="text-decoration: none; color: inherit; cursor: pointer;">
<div class="smartphone-badge">
<img src="/export/system/modules/eu.cts.module.fiche_produit/resources/available-mobile-icon.svg"
alt=""/>
<span>Disponible sur smartphone</span>
</div>
<div class="purchase-top general">
<div class="purchase-icon">
<img src="/export/sites/default/.galleries/gallerie_cts/Carte-badgeo-fiche-produit.png"
alt="Abonnement Tarif Réduit"
class="ticket-img">
</div>
<div class="purchase-text">
<h3 class="purchase-title">Abonnement Tarif Réduit</h3>
<div class="purchase-description">
<p>Votre abonnement CTS proposé à prix réduit par l’EMS.</p></div>
</div>
</div>
<div class="purchase-price">
<span class="price-label">à partir de</span>
<span class="price-value">3,40€/mois</span>
</div>
</a>
<a href="/fr/acheter/nos-titres/titres-occasionnels/aller-simple/" class="purchase-item general bg-white"
style="text-decoration: none; color: inherit; cursor: pointer;">
<div class="smartphone-badge">
<img src="/export/system/modules/eu.cts.module.fiche_produit/resources/available-mobile-icon.svg"
alt=""/>
<span>Disponible sur smartphone</span>
</div>
<div class="purchase-top general">
<div class="purchase-icon">
<img src="/export/sites/default/.galleries/CTS-Icones/aller-simple-listing.svg"
alt="Aller simple"
class="ticket-img">
</div>
<div class="purchase-text">
<h3 class="purchase-title">Aller simple</h3>
<div class="purchase-description">
<p>Valable 1h avec ou sans correspondance. Retour non compris. </p></div>
</div>
</div>
<div class="purchase-price">
<span class="price-label">à partir de</span>
<span class="price-value">1.90€</span>
</div>
</a>
</div>
</div>
</section>
</div></div></div>
</div>
</main>
<div class="row container-1134 home-element" >
<div class="row justify-content-lg-center container-full-white">
<div class="col-lg-11 col-xl-10" ><div class="container-1134">
<div class="element type-linkbox fully-linked box valign-center title global-title">
<a href="/fr/toutes-les-actualites/" class="linkbox-link">
<div class="linkbox-content adjust-headings piece full lay-0 phh phl pnv paj">
<div class="heading">
<h2 class="piece-heading">
Actualités</h2>
</div>
<div class="link">
<span class="btn piece-btn">
Voir toutes nos actualités</span>
</div>
</div>
</a>
</div>
<div class="element type-dynamic-list list-content default-display list-teaser-text-tile pagination-left carrousel-actu-list">
<div class="list-box list-dynamic list-append">
<ul
class="list-entries row tile-margin-15"
style="min-height: 0"
data-mh="0"
>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3">
<a href="/fr/toutes-les-actualites/article/anticipez-la-rentree/" class="teaser-link">
<div class="teaser teaser-text-tile type-article in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual">
<div class="image-src-box presized use-ratio effect-box">
<img
src="/export/sites/default/.galleries/gallerie_cts/vignette-actu-anticipez-rentree.jpg"
loading="lazy"
sizes="auto, (min-width: 1320px) 177px, (min-width: 1170px) 153px, (min-width: 992px) 198px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw"
width="302"
height="302"
class="animated"
alt="" aria-hidden="true"
style="aspect-ratio: 302 / 302"
/>
</div>
</div>
<div class="body">
<div class="heading">
<h3 class="intro-headline">
<span class="headline">ANTICIPEZ VOS DÉMARCHES AVANT LA RENTRÉE ! </span>
</h3>
</div>
<div class="text">
<div class="teaser-date" data-timestamp="1784120915032">
15 juillet 2026</div>
<div class="teaser-text">L'été est le moment idéal pour mettre à jour votre dossier et préparez la rentrée en toute sérénité.</div>
</div>
</div>
</div>
</a>
</li>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3">
<a href="/fr/toutes-les-actualites/article/travaux-tram-ete-2026/" class="teaser-link">
<div class="teaser teaser-text-tile type-article in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual">
<div class="image-src-box presized use-ratio effect-box">
<img
src="/export/sites/default/.galleries/gallerie_cts/actu-maintenance-chachat.png"
loading="lazy"
sizes="auto, (min-width: 1320px) 177px, (min-width: 1170px) 153px, (min-width: 992px) 198px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw"
width="302"
height="302"
class="animated"
alt="" aria-hidden="true"
style="aspect-ratio: 302 / 302"
/>
</div>
</div>
<div class="body">
<div class="heading">
<h3 class="intro-headline">
<span class="headline">TRAVAUX TRAM ÉTÉ 2026</span>
</h3>
</div>
<div class="text">
<div class="teaser-date" data-timestamp="1781535600000">
15 juin 2026</div>
<div class="teaser-text">Du 29 juin au 28 août 2026</div>
</div>
</div>
</div>
</a>
</li>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3">
<a href="/fr/toutes-les-actualites/article/encore-des-nouveautes-sur-le-site/" class="teaser-link">
<div class="teaser teaser-text-tile type-article in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual">
<div class="image-src-box presized use-ratio effect-box">
<img
src="/export/sites/default/.galleries/gallerie_cts/Vignette-actu-site-phase-2.png"
loading="lazy"
sizes="auto, (min-width: 1320px) 177px, (min-width: 1170px) 153px, (min-width: 992px) 198px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw"
width="302"
height="302"
class="animated"
alt="" aria-hidden="true"
style="aspect-ratio: 302 / 302"
/>
</div>
</div>
<div class="body">
<div class="heading">
<h3 class="intro-headline">
<span class="headline">ENCORE DES NOUVEAUTÉS SUR LE SITE </span>
</h3>
</div>
<div class="text">
<div class="teaser-date" data-timestamp="1779348419110">
21 mai 2026</div>
<div class="teaser-text">Des outils pensés pour faciliter votre quotidien</div>
</div>
</div>
</div>
</a>
</li>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3">
<a href="/fr/toutes-les-actualites/article/open-payment/" class="teaser-link">
<div class="teaser teaser-text-tile type-article in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual">
<div class="image-src-box presized use-ratio effect-box">
<img
src="/export/sites/default/.galleries/gallerie_cts/open-payment-vignette-actu.jpg"
loading="lazy"
sizes="auto, (min-width: 1320px) 177px, (min-width: 1170px) 153px, (min-width: 992px) 198px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw"
width="302"
height="302"
class="animated"
alt="" aria-hidden="true"
style="aspect-ratio: 302 / 302"
/>
</div>
</div>
<div class="body">
<div class="heading">
<h3 class="intro-headline">
<span class="headline"> L’OPEN PAYMENT BIENTÔT DISPONIBLE SUR LE RÉSEAU CTS </span>
</h3>
</div>
<div class="text">
<div class="teaser-date" data-timestamp="1776191400000">
14 avril 2026</div>
<div class="teaser-text">Achetez votre ticket directement avec votre CB !</div>
</div>
</div>
</div>
</a>
</li>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3">
<a href="/fr/toutes-les-actualites/article/tram-a-d-test-info-affluence-gare-centrale/" class="teaser-link">
<div class="teaser teaser-text-tile type-article in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual">
<div class="image-src-box presized use-ratio effect-box">
<img
src="/export/sites/default/.galleries/gallerie_cts/actu-affluences.jpg"
loading="lazy"
sizes="auto, (min-width: 1320px) 177px, (min-width: 1170px) 153px, (min-width: 992px) 198px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw"
width="302"
height="302"
class="animated"
alt="" aria-hidden="true"
style="aspect-ratio: 302 / 302"
/>
</div>
</div>
<div class="body">
<div class="heading">
<h3 class="intro-headline">
<span class="headline">TRAM A/D : L'INFO AFFLUENCE TESTÉE À LA GARE CENTRALE</span>
</h3>
</div>
<div class="text">
<div class="teaser-date" data-timestamp="1773388034934">
13 mars 2026</div>
<div class="teaser-text">La CTS innove pour faciliter les flux et le confort des voyageurs à bord des rames ! </div>
</div>
</div>
</div>
</a>
</li>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3">
<a href="/fr/toutes-les-actualites/article/le-reseau-de-nuit-hibus-evolue/" class="teaser-link">
<div class="teaser teaser-text-tile type-article in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual">
<div class="image-src-box presized use-ratio effect-box">
<img
src="/export/sites/default/.galleries/gallerie_cts/Hibus-Actu.png"
loading="lazy"
sizes="auto, (min-width: 1320px) 177px, (min-width: 1170px) 153px, (min-width: 992px) 198px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw"
width="302"
height="302"
class="animated"
alt="" aria-hidden="true"
style="aspect-ratio: 302 / 302"
/>
</div>
</div>
<div class="body">
<div class="heading">
<h3 class="intro-headline">
<span class="headline">LE RÉSEAU DE NUIT HIBUS ÉVOLUE !</span>
</h3>
</div>
<div class="text">
<div class="teaser-date" data-timestamp="1768374300000">
14 janvier 2026</div>
<div class="teaser-text">Le service Hibus évolue pour être encore + simple + pratique et + sûr !</div>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<script language="JavaScript">
window.actualiteParams = {
labels: {
readArticle: "Lire l'article",
}
}
</script>
<script language="JavaScript"
src="/export/system/modules/eu.cts.module.actualites/resources/js/carrousel-actualites.js_778414314.js"></script>
<script>var cmsLocale = 'fr';</script>
<script language="JavaScript"
src="/export/system/modules/eu.cts.module.actualites/resources/js/actualites.js_1187146129.js"></script>
</div></div>
</div>
<div class="container-full-white" >
<div class="row-12 container-1400 home-element" >
<div class="element type-dynamic-list list-content masonry-list default-display online-services list-teaser-masonry pagination-left">
<h2 class="heading pivot" tabindex="0">Services en ligne</h2>
<div class="list-box list-dynamic list-paginate" id="li_4c41efc2" data-id="le_2ae433b2" data-list='{"appendOption":"clickonly","path":"/.content/list-m/list_00007.xml","sitepath":"/fr/accueil/","subsite":"/sites/default/fr/","loadAll":false,"locale":"fr","ajax":"/system/modules/alkacon.mercury.template/elements/list-ajax.jsp?eid=4c41efc2-8fa9-11f0-ac7c-bd307af9b1d3&cssgrid=row-12+container-1400+home-element+col-xs-12&cssgrid=container-full-white&cssgrid=%23&cssgrid=container-full-white&cssgrid=%23&cssgrid=%23&siteroot=%2Fsites%2Fdefault&pid=244d8915-81b5-11f0-81ad-bd307af9b1d3","ajaxCount":"/system/modules/alkacon.mercury.template/elements/list-facet-ajax.jsp?siteRoot=%2Fsites%2Fdefault","appendSwitch":"md-sm-xs"}'>
<ul class="list-entries row tile-margin-15" style="min-height: 0px;" data-mh="0"><li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3"><div class="teaser teaser-masonry type-decoy in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual"><a href="https://esii-orion.com/orion-reservation/purposes?account=OJSEYP&config=INTERNET&usemode=app" tabindex="-1" target="_blank" rel="noopener"><div class="image-src-box presized use-ratio effect-box">
<img src="/export/sites/default/.galleries/gallerie_cts/Icone-rdv-agence-commerciale-CTS.png_1034490740.png" loading="lazy" sizes="auto, (min-width: 1320px) 300px, (min-width: 1170px) 263px, (min-width: 992px) 301px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/gallerie_cts/Icone-rdv-agence-commerciale-CTS.png_309931225.png 263w, /export/sites/default/.galleries/gallerie_cts/Icone-rdv-agence-commerciale-CTS.png_689895137.png 300w, /export/sites/default/.galleries/gallerie_cts/Icone-rdv-agence-commerciale-CTS.png_1396942824.png 301w, /export/sites/default/.galleries/gallerie_cts/Icone-rdv-agence-commerciale-CTS.png_416410142.png 342w, /export/sites/default/.galleries/gallerie_cts/Icone-rdv-agence-commerciale-CTS.png_1704732904.png 345w, /export/sites/default/.galleries/gallerie_cts/Icone-rdv-agence-commerciale-CTS.png_1425451198.png 510w, /export/sites/default/.galleries/gallerie_cts/Icone-rdv-agence-commerciale-CTS.png_1034490740.png 526w" width="526" height="526" class="animated" alt="Icone-rdv-agence-commerciale-CTS" style="aspect-ratio: 526 / 526;"></div>
</a></div><div class="body"><div class="heading"><a href="https://esii-orion.com/orion-reservation/purposes?account=OJSEYP&config=INTERNET&usemode=app" target="_blank" rel="noopener"><h3 class="intro-headline"><span class="headline">RDV Agence</span></h3>
</a></div><div class="text"><a href="https://esii-orion.com/orion-reservation/purposes?account=OJSEYP&config=INTERNET&usemode=app" class="uncolored" tabindex="-1" target="_blank" rel="noopener"><div class="teaser-text">Réservez votre créneau à l'agence commerciale pour éviter la file d'attente.</div></a></div>
</div>
<div class="link"><a href="https://esii-orion.com/orion-reservation/purposes?account=OJSEYP&config=INTERNET&usemode=app" class="btn piece-btn teaser-btn" title="RDV Agence" target="_blank" rel="noopener">Lire la suite</a></div></div>
</li>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3"><div class="teaser teaser-masonry type-decoy in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual"><a href="/fr/toutes-les-actualites/article/carte-badgeo-recuperez-la-en-agence/" tabindex="-1" target="_blank" rel="noopener"><div class="image-src-box presized use-ratio effect-box">
<img src="/export/sites/default/.galleries/gallerie_cts/Click-collect-logo.png_1704732904.png" loading="lazy" sizes="auto, (min-width: 1320px) 300px, (min-width: 1170px) 263px, (min-width: 992px) 301px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/gallerie_cts/Click-collect-logo.png_309931225.png 263w, /export/sites/default/.galleries/gallerie_cts/Click-collect-logo.png_689895137.png 300w, /export/sites/default/.galleries/gallerie_cts/Click-collect-logo.png_1396942824.png 301w, /export/sites/default/.galleries/gallerie_cts/Click-collect-logo.png_416410142.png 342w, /export/sites/default/.galleries/gallerie_cts/Click-collect-logo.png_1704732904.png 345w" width="500" height="500" class="animated" alt="Click-collect-logo" style="aspect-ratio: 500 / 500;"></div>
</a></div><div class="body"><div class="heading"><a href="/fr/toutes-les-actualites/article/carte-badgeo-recuperez-la-en-agence/" target="_blank" rel="noopener"><h3 class="intro-headline"><span class="headline">Click & Collect</span></h3>
</a></div><div class="text"><a href="/fr/toutes-les-actualites/article/carte-badgeo-recuperez-la-en-agence/" class="uncolored" tabindex="-1" target="_blank" rel="noopener"><div class="teaser-text">Commandez votre carte Badgéo en ligne et récupérez la directement à l'agence CTS !</div></a></div>
</div>
<div class="link"><a href="/fr/toutes-les-actualites/article/carte-badgeo-recuperez-la-en-agence/" class="btn piece-btn teaser-btn" title="Click & Collect" target="_blank" rel="noopener">Lire la suite</a></div></div>
</li>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3"><div class="teaser teaser-masonry type-decoy in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual"><a href="https://mobistras.app.ridewithvia.com/" tabindex="-1" target="_blank" rel="noopener"><div class="image-src-box presized use-ratio effect-box">
<img src="/export/sites/default/.galleries/gallerie_cts/unnamed.jpg_1425451198.jpg" loading="lazy" sizes="auto, (min-width: 1320px) 300px, (min-width: 1170px) 263px, (min-width: 992px) 301px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/gallerie_cts/unnamed.jpg_309931225.jpg 263w, /export/sites/default/.galleries/gallerie_cts/unnamed.jpg_689895137.jpg 300w, /export/sites/default/.galleries/gallerie_cts/unnamed.jpg_1396942824.jpg 301w, /export/sites/default/.galleries/gallerie_cts/unnamed.jpg_416410142.jpg 342w, /export/sites/default/.galleries/gallerie_cts/unnamed.jpg_1704732904.jpg 345w, /export/sites/default/.galleries/gallerie_cts/unnamed.jpg_1425451198.jpg 510w" width="512" height="512" class="animated" alt="" style="aspect-ratio: 512 / 512;"></div>
</a></div><div class="body"><div class="heading"><a href="https://mobistras.app.ridewithvia.com/" target="_blank" rel="noopener"><h3 class="intro-headline"><span class="headline">Mobistras</span></h3>
</a></div><div class="text"><a href="https://mobistras.app.ridewithvia.com/" class="uncolored" tabindex="-1" target="_blank" rel="noopener"><div class="teaser-text">Transport adapté pour les personnes à mobilité réduite, sur réservation.</div></a></div>
</div>
<div class="link"><a href="https://mobistras.app.ridewithvia.com/" class="btn piece-btn teaser-btn" title="Mobistras" target="_blank" rel="noopener">Lire la suite</a></div></div>
</li>
<li class="list-entry teaser-tile tile-col col-md-6 col-lg-4 col-xl-3"><div class="teaser teaser-masonry type-decoy in-list animated-teaser effect-piece pib piece full lay-1 phh pih phb phl phv pvf">
<div class="visual"><a href="https://flexhop.app.ridewithvia.com/home" tabindex="-1" target="_blank" rel="noopener"><div class="image-src-box presized use-ratio effect-box">
<img src="/export/sites/default/.galleries/gallerie_cts/unnamed.png_1425451198.png" loading="lazy" sizes="auto, (min-width: 1320px) 300px, (min-width: 1170px) 263px, (min-width: 992px) 301px, (min-width: 744px) 342px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/gallerie_cts/unnamed.png_309931225.png 263w, /export/sites/default/.galleries/gallerie_cts/unnamed.png_689895137.png 300w, /export/sites/default/.galleries/gallerie_cts/unnamed.png_1396942824.png 301w, /export/sites/default/.galleries/gallerie_cts/unnamed.png_416410142.png 342w, /export/sites/default/.galleries/gallerie_cts/unnamed.png_1704732904.png 345w, /export/sites/default/.galleries/gallerie_cts/unnamed.png_1425451198.png 510w" width="512" height="512" class="animated" alt="logo flexhop" style="aspect-ratio: 512 / 512;"></div>
</a></div><div class="body"><div class="heading"><a href="https://flexhop.app.ridewithvia.com/home" target="_blank" rel="noopener"><h3 class="intro-headline"><span class="headline">Flex’hop</span></h3>
</a></div><div class="text"><a href="https://flexhop.app.ridewithvia.com/home" class="uncolored" tabindex="-1" target="_blank" rel="noopener"><div class="teaser-text">Réservez votre trajet à la demande en ligne ou par téléphone.</div></a></div>
</div>
<div class="link"><a href="https://flexhop.app.ridewithvia.com/home" class="btn piece-btn teaser-btn" title="Flex’hop" target="_blank" rel="noopener">Lire la suite</a></div></div>
</li>
</ul>
<div class="list-spinner hide-noscript"><div class="spinnerInnerBox"><span class="spinner-icon ico fa fa-spinner" aria-hidden="true"></span></div></div>
<div class="list-pagination pivot"><noscript></noscript></div>
<div class="online-warn box list-editbox pivot" style="display: none;"><div class="warn-text">Aucun résultat</div></div></div>
</div>
</div>
</div>
<div class="container-full-grey-spinning-draw" >
<div class="row-12 container-1400 container-1400--row home-element" ><div class="element type-section banner-info-card piece flex left lay-6 phh pih phb phl pil phv p-dm p-md-4 p-dd">
<div class="visual rs_skip ori-ls"><div class="image-src-box presized use-ratio zoomer effect-box" data-imagezoom='{ "width": 1024, "height": 576, "w": 1024, "h": 576, "caption": "%3Cdiv%20class%3D%22title%22%3Ebonnet-objets-perdus%3C%2Fdiv%3E", "alt": "bonnet-objets-perdus", "src": "/export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_987075160.jpg" }'>
<img src="/export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1793629959.jpg" loading="lazy" sizes="auto, (min-width: 1320px) 410px, (min-width: 1170px) 360px, (min-width: 992px) 301px, (min-width: 744px) 218px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1724539444.jpg 218w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1124022563.jpg 301w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_2133760261.jpg 345w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1878594781.jpg 360w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1755140803.jpg 410w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_399764554.jpg 436w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_31149093.jpg 510w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1023245685.jpg 602w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1140890726.jpg 690w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1469917304.jpg 720w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_932874591.jpg 820w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_66173619.jpg 1020w, /export/sites/default/.galleries/gallerie_cts/bonnet-objets-perdus.jpg_1793629959.jpg 1024w" width="1024" height="576" class="animated" alt="bonnet-objets-perdus" style="aspect-ratio: 1024 / 576;"></div>
<div class="subtitle" aria-hidden="true">bonnet-objets-perdus</div></div><div class="body default"><div class="heading"><h2 class="piece-heading" tabindex="0">Objets perdus ?</h2>
</div><div class="text"><p>Tous les objets trouvés sur notre réseau (hors denrées périssables et hors cartes Badgéo) <strong>sont enregistrés dans notre base de données</strong> !</p></div>
<div class="link"><a href="https://troov.com/compagnie-des-transports-strasbourgeois-c-t-s" class="btn piece-btn external">Retrouver vos objets</a></div></div>
</div>
<div class="element type-section banner-info-card piece flex left lay-6 phh pih phb phl pil phv p-dm p-md-4 p-dd">
<div class="visual rs_skip ori-ls"><div class="image-src-box presized use-ratio effect-box">
<img src="/export/sites/default/.galleries/Ressources-graphiques-CTS/etablissement-pv-cts.png_1262519645.png" loading="lazy" sizes="auto, (min-width: 1320px) 410px, (min-width: 1170px) 360px, (min-width: 992px) 301px, (min-width: 744px) 218px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/Ressources-graphiques-CTS/etablissement-pv-cts.png_1246522992.png 218w, /export/sites/default/.galleries/Ressources-graphiques-CTS/etablissement-pv-cts.png_1786374233.png 301w, /export/sites/default/.galleries/Ressources-graphiques-CTS/etablissement-pv-cts.png_233377764.png 345w, /export/sites/default/.galleries/Ressources-graphiques-CTS/etablissement-pv-cts.png_1262519645.png 360w" width="362" height="248" class="animated" alt="" style="aspect-ratio: 362 / 248;"></div>
</div><div class="body default"><div class="heading"><h2 class="piece-heading" tabindex="0">Paiement PV</h2>
</div><div class="text"><p>Le paiement sécurisé vous permet de régler votre amende <strong>en ligne</strong> à tout moment avec votre carte bancaire.</p></div>
<div class="link"><a href="/fr/paiement-des-pvs/" class="btn piece-btn">Payer mon amende en ligne</a></div></div>
</div>
<div class="element type-section banner-info-card piece flex left lay-6 phh pih phb phl pil phv p-dm p-md-4 p-dd">
<div class="visual rs_skip ori-ls"><div class="image-src-box presized use-ratio zoomer effect-box" data-imagezoom='{ "width": 1300, "height": 850, "w": 1300, "h": 850, "caption": "%3Cdiv%20class%3D%22title%22%3Evignette-plans-home%3C%2Fdiv%3E", "alt": "vignette-plans-home", "src": "/export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_1613399784.png" }'>
<img src="/export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_996805177.png" loading="lazy" sizes="auto, (min-width: 1320px) 410px, (min-width: 1170px) 360px, (min-width: 992px) 301px, (min-width: 744px) 218px, (min-width: 540px) 510px, 100vw" srcset="/export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_1869363274.png 218w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_1826882334.png 301w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_1563573595.png 345w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_927458724.png 360w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_68345177.png 410w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_1002364602.png 436w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_1278809823.png 510w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_185960352.png 602w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_553512535.png 690w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_1732753597.png 720w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_690472616.png 820w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_1270319944.png 1020w, /export/sites/default/.galleries/Ressources-graphiques-CTS/vignette-plans-home.png_996805177.png 1300w" width="1300" height="850" class="animated" alt="vignette-plans-home" style="aspect-ratio: 1300 / 850;"></div>
<div class="subtitle" aria-hidden="true">vignette-plans-home</div></div><div class="body default"><div class="heading"><h2 class="piece-heading" tabindex="0">Plans</h2>
</div><div class="text"><p>Découvrez et téléchargez facilement les <strong>plans du réseau CTS</strong> pour préparer vos trajets. Trams, bus, parkings-relais : <strong>tout le réseau à portée de main.</strong></p></div>
<div class="link"><a href="/fr/plans-du-reseau-cts/" class="btn piece-btn">Voir les plans</a></div></div>
</div>
</div>
</div>
<div >
<div class="row justify-content-lg-center container-1134 home-element">
<div class="col-lg-12 col-xl-12" ><div class="element type-section faq-home-title piece full lay-0 phh phl pnv">
<div class="heading"><h2 class="piece-heading" tabindex="0">FAQ</h2>
</div><div class="link"><a href="/fr/foire-aux-questions/" class="btn piece-btn">Voir toutes les questions</a></div></div>
<div class="element type-static-list list-content list-teaser-accordion">
<div class="list-box">
<div class="list-entries accordion-items" id="li_6c87d985"><script language="JavaScript"
src="/system/modules/alkacon.mercury.template/resources/js/faq.js"></script>
<article class="accordion type-faq">
<h3 class="acco-header pivot"><button type="button" class="acco-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#ali_6c87d985_faf04e94" aria-controls="ali_6c87d985_faf04e94" aria-expanded="false">Où trouver mon numéro d'attestation EMS ?</button></h3><div id="ali_6c87d985_faf04e94" class="acco-body collapse" data-bs-parent="#li_6c87d985"><div class="paragraph piece full lay-0 only-text">
<div class="body default"><div class="text"><p> </p>
<p>Votre numéro d'attestation EMS se trouve sur votre <strong>attestation de quotient familial unique de l'Eurométropole de Strasbourg</strong>.</p>
<p>Vous pouvez télécharger cette attestation depuis votre espace personnel sur <a href="https://www.strasbourg.eu/tarification-solidaire">MonStrasbourg.eu</a>.</p>
<p>Le numéro d'attestation EMS est indiqué <strong>en haut à gauche</strong> du document, sous l'intitulé <strong>« ID attestation »</strong>.<br /><br /></p>
<p>Saisissez ce numéro dans le champ demandé, dans la section <strong>« Justificatifs de l'allocataire »</strong>, lorsque vous :</p>
<ul>
<li>commandez une carte Badgéo en ligne ;</li>
<li>ou faites une demande de tarification solidaire.</li>
</ul>
<p> </p>
<p>Si vous ne trouvez pas votre attestation, connectez-vous à votre espace <a style="text-align: center;" href="https://www.strasbourg.eu/tarification-solidaire">MonStrasbourg.eu</a><span style="text-align: center;"> pour la télécharger à nouveau.</span></p>
<p style="text-align: center;"><br /><br /><strong>Exemple d'attestation</strong></p>
<p><a href="/export/sites/default/.galleries/Documents/EXEMPLE-JUSTIFICATIF-CAF.pdf" target="_blank" rel="noopener noreferrer"> <img style="display: block; margin-left: auto; margin-right: auto;" src="/export/sites/default/.galleries/gallerie_cts/ATTESTATION-QUOTIENT-FAMILIAL-EMS-ZONE-ID.jpg" alt="Exemple de justificatif EMS avec zone ID" width="494" height="702" /> </a></p></div>
</div>
</div>
</div>
</article>
<script language="JavaScript"
src="/system/modules/alkacon.mercury.template/resources/js/faq.js"></script>
<article class="accordion type-faq">
<h3 class="acco-header pivot"><button type="button" class="acco-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#ali_6c87d985_69dbceec" aria-controls="ali_6c87d985_69dbceec" aria-expanded="false">Comment demander ou renouveler vos droits à la tarification solidaire ?</button></h3><div id="ali_6c87d985_69dbceec" class="acco-body collapse" data-bs-parent="#li_6c87d985"><div class="paragraph piece full lay-0 only-text">
<div class="body default"><div class="text"><p>Vous pouvez demander ou renouveler vos droits à la tarification solidaire :</p>
<ul>
<li><strong>En ligne</strong> : connectez-vous à votre <a href="https://cts-strasbourg.eu/fr/connexion/" target="_blank" rel="noopener">compte client CTS</a> ou créez-en puis allez dans la section > <a href="https://cts-strasbourg.eu/fr/ma-cts/ma-badgeo/renouveler-les-droits/">Tarification solidaire</a>.</li>
<li><strong>En agence CTS</strong> : 9 Place Saint-Pierre-Le-Vieux à Strasbourg.</li>
</ul>
<br/><div class='link'><a href='/fr/faq/abonnements/details/Comment-demander-ou-renouveler-vos-droits-a-la-tarification-solidaire-/?title=&isFromHome=true' class='btn piece-btn teaser-btn'>Lire la suite</a></div></div>
</div>
</div>
</div>
</article>
<script language="JavaScript"
src="/system/modules/alkacon.mercury.template/resources/js/faq.js"></script>
<article class="accordion type-faq">
<h3 class="acco-header pivot"><button type="button" class="acco-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#ali_6c87d985_f1a76faa" aria-controls="ali_6c87d985_f1a76faa" aria-expanded="false">Où retrouver le règlement d'utilisation des P+R ? </button></h3><div id="ali_6c87d985_f1a76faa" class="acco-body collapse" data-bs-parent="#li_6c87d985"><div class="paragraph piece full lay-0 pnh phb phl pnv">
<div class="body default"><div class="text"><p>Vous pouvez trouver le règlement d'utilisation des parkings-relais en cliquant sur le lien de téléchargement. </p></div>
</div>
<div class="link"><a href="/export/sites/default/.galleries/Documents/REGLEMENT-UTILISATION-PR-CTS.pdf" class="btn piece-btn">Télécharger le règlement d'utilisation des P+R</a></div></div>
<div class="paragraph piece full lay-0 only-link">
<div class="link"><a href="/export/sites/default/.galleries/Documents/REGLEMENT-UTILISATION-PR-ELSAU-CTS.pdf" class="btn piece-btn">Télécharger le règlement d'utilisation du P+R Elsau (spécial camping-cars et cars)</a></div></div>
</div>
</article>
<script language="JavaScript"
src="/system/modules/alkacon.mercury.template/resources/js/faq.js"></script>
<article class="accordion type-faq">
<h3 class="acco-header pivot"><button type="button" class="acco-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#ali_6c87d985_b52beda1" aria-controls="ali_6c87d985_b52beda1" aria-expanded="false">Quels sont les établissements desservis par le service de transport scolaire Al&Rtour ?</button></h3><div id="ali_6c87d985_b52beda1" class="acco-body collapse" data-bs-parent="#li_6c87d985"><div class="paragraph piece full lay-0 pnh phb phl pnv">
<div class="body default"><div class="text"><p>Plusieurs établissements scolaires profitent du service de transport Al&Rtour CTS : </p>
<ul>
<li>Circuit S1 - Centre de Formation d'Eschau ( depuis les Halles Marais Vert) </li>
<li>Circuit S2 - Collège Jean de La Fontaine (Lipsheim / Entzheim / Geispolsheim)</li>
<li>Circuit S5 - Collège Krafft ( Poteries / Wolfisheim / Eckbolsheim)</li>
<li>Circuit S6 - Collège Maxime Alexandre (Koenigshoffen/ Eckbolsheim/ Wolfisheim / Oberschaeffolsheim/ Achenheim/ Holtzheim)</li>
<li>Circuit S8 - Collège Paul-Emile Victor (Oberhausbergen / Mittelhausbergen)</li>
<li>Circuit S10 - Collège Sept Arpents (Reichstett) </li>
<li>Circuit S12 - Lycée Jean Monnet (Geispolsheim / Illkirch-Graffenstaden)</li>
<li>Circuit S13 - Lycée Kléber (Eckwersheim / Vendenheim / Lampertheim / Mundolsheim / Niederhausbergen Nord)</li>
<li>Circuit S14 - Lycée Marc Bloch (La Wantzenau)</li>
<li>Circuit S16 - Collège Paul Wernet (Achenheim) </li>
</ul></div>
</div>
<div class="link"><a href="/fr/se-deplacer/recherche-ditineraire/" class="btn piece-btn">Retrouvez les circuits scolaires depuis la cartographie interactive</a></div></div>
</div>
</article>
<script language="JavaScript"
src="/system/modules/alkacon.mercury.template/resources/js/faq.js"></script>
<article class="accordion type-faq">
<h3 class="acco-header pivot"><button type="button" class="acco-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#ali_6c87d985_89a09552" aria-controls="ali_6c87d985_89a09552" aria-expanded="false">Mon billet sans contact (BSC) ne fonctionne plus. Que faire ? </button></h3><div id="ali_6c87d985_89a09552" class="acco-body collapse" data-bs-parent="#li_6c87d985"><div class="paragraph piece full lay-0 only-text">
<div class="body default"><div class="text"><p>Votre billet sans contact est probablement expiré ou abimé. Nous vous invitons à vous rendre à l’agence CTS muni de votre BSC pour que nos agents puissent effectuer une lecture de votre support.</p></div>
</div>
</div>
</div>
</article>
<script language="JavaScript"
src="/system/modules/alkacon.mercury.template/resources/js/faq.js"></script>
<article class="accordion type-faq">
<h3 class="acco-header pivot"><button type="button" class="acco-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#ali_6c87d985_dbf29fdf" aria-controls="ali_6c87d985_dbf29fdf" aria-expanded="false">J'ai perdu mon ticket P+R, que dois-je faire ?</button></h3><div id="ali_6c87d985_dbf29fdf" class="acco-body collapse" data-bs-parent="#li_6c87d985"><div class="paragraph piece full lay-0 only-text">
<div class="body default"><div class="text"><p>En cas de perte du ticket P+R, nous vous invitons à appeler le gardien via les bornes d'appel disponibles à l'entrée du parking ou via le numéro affiché sur les caisses. Le gardien vous donnera la marche à suivre.<br />En cas de perte du ticket, un forfait de 40€ vous sera demandé pour pouvoir sortir du parking.</p></div>
</div>
</div>
</div>
</article>
<script type="application/ld+json">{"listid":"li_6c87d985","mainEntity":[{"@type":"Question","name":["Où trouver mon numéro d\u0027attestation EMS ?"],"acceptedAnswer":{"@type":"Answer","text":"<p> <\/p>\n<p>Votre numéro d\u0027attestation EMS se trouve sur votre <strong>attestation de quotient familial unique de l\u0027Eurométropole de Strasbourg<\/strong>.<\/p>\n<p>Vous pouvez télécharger cette attestation depuis votre espace personnel sur <a href=\"https://www.strasbourg.eu/tarification-solidaire\">MonStrasbourg.eu<\/a>.<\/p>\n<p>Le numéro d\u0027attestation EMS est indiqué <strong>en haut à gauche<\/strong> du document, sous l\u0027intitulé <strong>« ID attestation »<\/strong>.<br /><br /><\/p>\n<p>Saisissez ce numéro dans le champ demandé, dans la section <strong>« Justificatifs de l\u0027allocataire »<\/strong>, lorsque vous :<\/p>\n<ul>\n<li>commandez une carte Badgéo en ligne ;<\/li>\n<li>ou faites une demande de tarification solidaire.<\/li>\n<\/ul>\n<p> <\/p>\n<p>Si vous ne trouvez pas votre attestation, connectez-vous à votre espace <a style=\"text-align: center;\" href=\"https://www.strasbourg.eu/tarification-solidaire\">MonStrasbourg.eu<\/a><span style=\"text-align: center;\"> pour la télécharger à nouveau.<\/span><\/p>\n<p style=\"text-align: center;\"><br /><br /><strong>Exemple d\u0027attestation<\/strong><\/p>\n<p><a href=\"/export/sites/default/.galleries/Documents/EXEMPLE-JUSTIFICATIF-CAF.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"/export/sites/default/.galleries/gallerie_cts/ATTESTATION-QUOTIENT-FAMILIAL-EMS-ZONE-ID.jpg\" alt=\"Exemple de justificatif EMS avec zone ID\" width=\"494\" height=\"702\" /> <\/a><\/p>"}},{"@type":"Question","name":["Comment demander ou renouveler vos droits à la tarification solidaire ?"],"acceptedAnswer":{"@type":"Answer","text":"<p>Vous pouvez demander ou renouveler vos droits à la tarification solidaire :<\/p>\n<ul>\n<li><strong>En ligne<\/strong> : connectez-vous à votre <a href=\"https://cts-strasbourg.eu/fr/connexion/\" target=\"_blank\" rel=\"noopener\">compte client CTS<\/a> ou créez-en puis allez dans la section > <a href=\"https://cts-strasbourg.eu/fr/ma-cts/ma-badgeo/renouveler-les-droits/\">Tarification solidaire<\/a>.<\/li>\n<li><strong>En agence CTS<\/strong> : 9 Place Saint-Pierre-Le-Vieux à Strasbourg.<\/li>\n<\/ul>\n<br/><div class=\u0027link\u0027><a href=\u0027/fr/faq/abonnements/details/Comment-demander-ou-renouveler-vos-droits-a-la-tarification-solidaire-/?title=&isFromHome=true\u0027 class=\u0027btn piece-btn teaser-btn\u0027>Lire la suite<\/a><\/div>"}},{"@type":"Question","name":["Où retrouver le règlement d\u0027utilisation des P+R ? "],"acceptedAnswer":{"@type":"Answer","text":"<p>Vous pouvez trouver le règlement d\u0027utilisation des parkings-relais en cliquant sur le lien de téléchargement. <\/p><a href=\"/export/sites/default/.galleries/Documents/REGLEMENT-UTILISATION-PR-CTS.pdf\">Télécharger le règlement d'utilisation des P+R<\/a>"}},{"@type":"Question","name":["Quels sont les établissements desservis par le service de transport scolaire Al&Rtour ?"],"acceptedAnswer":{"@type":"Answer","text":"<p>Plusieurs établissements scolaires profitent du service de transport Al&Rtour CTS : <\/p>\n<ul>\n<li>Circuit S1 - Centre de Formation d\u0027Eschau ( depuis les Halles Marais Vert) <\/li>\n<li>Circuit S2 - Collège Jean de La Fontaine (Lipsheim / Entzheim / Geispolsheim)<\/li>\n<li>Circuit S5 - Collège Krafft ( Poteries / Wolfisheim / Eckbolsheim)<\/li>\n<li>Circuit S6 - Collège Maxime Alexandre (Koenigshoffen/ Eckbolsheim/ Wolfisheim / Oberschaeffolsheim/ Achenheim/ Holtzheim)<\/li>\n<li>Circuit S8 - Collège Paul-Emile Victor (Oberhausbergen / Mittelhausbergen)<\/li>\n<li>Circuit S10 - Collège Sept Arpents (Reichstett) <\/li>\n<li>Circuit S12 - Lycée Jean Monnet (Geispolsheim / Illkirch-Graffenstaden)<\/li>\n<li>Circuit S13 - Lycée Kléber (Eckwersheim / Vendenheim / Lampertheim / Mundolsheim / Niederhausbergen Nord)<\/li>\n<li>Circuit S14 - Lycée Marc Bloch (La Wantzenau)<\/li>\n<li>Circuit S16 - Collège Paul Wernet (Achenheim) <\/li>\n<\/ul><a href=\"/fr/se-deplacer/recherche-ditineraire/\">Retrouvez les circuits scolaires depuis la cartographie interactive<\/a>"}},{"@type":"Question","name":["Mon billet sans contact (BSC) ne fonctionne plus. Que faire ? "],"acceptedAnswer":{"@type":"Answer","text":"<p>Votre billet sans contact est probablement expiré ou abimé. Nous vous invitons à vous rendre à l\u2019agence CTS muni de votre BSC pour que nos agents puissent effectuer une lecture de votre support.<\/p>"}},{"@type":"Question","name":["J\u0027ai perdu mon ticket P+R, que dois-je faire ?"],"acceptedAnswer":{"@type":"Answer","text":"<p>En cas de perte du ticket P+R, nous vous invitons à appeler le gardien via les bornes d\u0027appel disponibles à l\u0027entrée du parking ou via le numéro affiché sur les caisses. Le gardien vous donnera la marche à suivre.<br />En cas de perte du ticket, un forfait de 40\u20ac vous sera demandé pour pouvoir sortir du parking.<\/p>"}}],"@type":"FAQPage","resultTotal":169,"@context":"https://schema.org"}</script>
</div></div>
</div>
</div></div>
</div>
<div class="area-content area-wide area-full-row footer-container" >
<div class="element type-flexible pivot">
<!DOCTYPE html>
<html lang="fr">
<body>
<footer class="footer">
<section class="footer-info">
<div class="footer-info-content">
<img
src="/.galleries/Ressources-graphiques-CTS/Logo_Compagnie_des_transports_strasbourgeois.svg.png_243899965.png"
alt="CTS"
class="footer-logo"
/>
<p class="footer-description">
opérateur du réseau de transports en commun de
</p>
<img
src="/.galleries/CTS-Icones/logo-ems.jpg"
alt="Strasbourg.eu eurométropole"
class="footer-logo-ems"
/>
</div>
<p class="footer-copyright">© 2026 - CTS</p>
</section>
<nav class="footer-nav">
<a href="/fr/contact/nous-contacter/" class="footer-nav-link">Contact</a>
<a href="/fr/open-data" class="footer-nav-link">Open Data</a>
<a href="/fr/mentions-legales/" class="footer-nav-link">Mentions Légales</a>
<a href="/fr/cgvu/" class="footer-nav-link">CGVU</a>
<a href="/fr/politique-de-cookies/" class="footer-nav-link">Politique de cookies</a>
<a href="/fr/plan-du-site" class="footer-nav-link">Plan du site</a>
</nav>
<div class="footer-cards">
<section class="app-card">
<img
src="/.galleries/Ressources-graphiques-CTS/image-application-cts.png"
alt="Application mobile CTS"
class="app-image"
/>
<div class="app-content">
<div class="app-text">
<h2 class="app-title">Téléchargez notre application !</h2>
<p class="app-description">
<span
>Se déplacer, s'informer, acheter et valider vos titres de
transport</span
>
<br/>
<span class="app-description-bold">depuis votre smartphone</span>
<span>!</span>
</p>
</div>
<div class="app-stores">
<a href="https://play.google.com/store/apps/details?id=fr.cts.strasbourg.ugo&hl=fr" target="_blank"
class="store-link">
<img
src="/.galleries/Ressources-graphiques-CTS/disponible-google-play.png"
alt="Télécharger sur Google Play"
class="store-badge"
/>
</a>
<a href="https://apps.apple.com/fr/app/cts-transports-strasbourg/id1241895758" target="_blank"
class="store-link">
<img
src="/.galleries/Ressources-graphiques-CTS/disponible-apple-store.png"
alt="Télécharger sur l'App Store"
class="store-badge"
/>
</a>
</div>
</div>
</section>
<section class="social-card">
<img
src="/.galleries/Ressources-graphiques-CTS/bus.png"
alt=""
class="social-icon-image"
/>
<h3 class="social-title">Actualités, trafic, nouveautés...</h3>
<p class="social-description">
<span>Nous sommes sur les</span>
<br/>
<span class="social-description-bold">réseaux sociaux</span>
<span>!</span>
</p>
<div class="social-icons">
<a href="https://www.facebook.com/CtsStrasbourg/?locale=fr_FR" target="_blank" class="social-link"
aria-label="Suivez-nous sur Facebook">
<svg width="33" height="33" viewbox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="33" height="33" rx="16.5" fill="#353A3D"/>
<path d="M14.4199 25V17.0231H12.25V14.151H14.4199V11.6979C14.4199 9.77024 15.7016 8 18.655 8C19.8508 8 20.735 8.11144 20.735 8.11144L20.6653 10.7935C20.6653 10.7935 19.7636 10.7849 18.7795 10.7849C17.7145 10.7849 17.5438 11.262 17.5438 12.0539V14.151H20.75L20.6105 17.0231H17.5438V25H14.4199Z" fill="white"/>
</svg>
</a>
<a href="https://www.instagram.com/ctsstrasbourg" target="_blank" class="social-link"
aria-label="Suivez-nous sur Instagram">
<svg width="33" height="33" viewbox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="33" height="33" rx="16.5" fill="#353A3D"/>
<path d="M16.5016 12.9674C14.5152 12.9674 12.9129 14.5446 12.9129 16.4999C12.9129 18.4553 14.5152 20.0325 16.5016 20.0325C18.488 20.0325 20.0902 18.4553 20.0902 16.4999C20.0902 14.5446 18.488 12.9674 16.5016 12.9674ZM16.5016 18.7965C15.2179 18.7965 14.1685 17.7666 14.1685 16.4999C14.1685 15.2333 15.2148 14.2033 16.5016 14.2033C17.7883 14.2033 18.8346 15.2333 18.8346 16.4999C18.8346 17.7666 17.7852 18.7965 16.5016 18.7965ZM21.074 12.8229C21.074 13.281 20.6992 13.6468 20.237 13.6468C19.7716 13.6468 19.3999 13.2779 19.3999 12.8229C19.3999 12.3679 19.7747 11.9989 20.237 11.9989C20.6992 11.9989 21.074 12.3679 21.074 12.8229ZM23.4508 13.6591C23.3977 12.5554 23.1416 11.5777 22.3202 10.7722C21.5019 9.96671 20.5087 9.7146 19.3875 9.65926C18.2318 9.5947 14.7682 9.5947 13.6125 9.65926C12.4944 9.71153 11.5012 9.96363 10.6798 10.7691C9.85839 11.5746 9.60541 12.5523 9.54919 13.6561C9.4836 14.7936 9.4836 18.2032 9.54919 19.3407C9.60229 20.4445 9.85839 21.4221 10.6798 22.2276C11.5012 23.0332 12.4913 23.2853 13.6125 23.3406C14.7682 23.4052 18.2318 23.4052 19.3875 23.3406C20.5087 23.2883 21.5019 23.0362 22.3202 22.2276C23.1385 21.4221 23.3946 20.4445 23.4508 19.3407C23.5164 18.2032 23.5164 14.7967 23.4508 13.6591ZM21.9579 20.5613C21.7143 21.1639 21.2427 21.6281 20.6274 21.871C19.706 22.2307 17.5197 22.1477 16.5016 22.1477C15.4834 22.1477 13.294 22.2276 12.3757 21.871C11.7636 21.6312 11.292 21.167 11.0452 20.5613C10.6798 19.6543 10.7641 17.5022 10.7641 16.4999C10.7641 15.4977 10.6829 13.3425 11.0452 12.4386C11.2888 11.836 11.7605 11.3717 12.3757 11.1289C13.2971 10.7691 15.4834 10.8522 16.5016 10.8522C17.5197 10.8522 19.7091 10.7722 20.6274 11.1289C21.2395 11.3687 21.7112 11.8329 21.9579 12.4386C22.3233 13.3455 22.239 15.4977 22.239 16.4999C22.239 17.5022 22.3233 19.6574 21.9579 20.5613Z" fill="white"/>
</svg>
</a>
<a href="https://fr.linkedin.com/company/compagnie-des-transports-strasbourgeois" target="_blank"
class="social-link"
aria-label="Suivez-nous sur Linkedin">
<svg width="33" height="33" viewbox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="33" height="33" rx="16.5" fill="#353A3D"/>
<path d="M12.6781 23.0615V14.2074H9.67706V23.0615H12.6781ZM11.178 12.9978C12.2245 12.9978 12.8759 12.3179 12.8759 11.4683C12.8564 10.5995 12.2245 9.93848 11.1978 9.93848C10.1713 9.93848 9.5 10.5995 9.5 11.4683C9.5 12.318 10.1512 12.9978 11.1584 12.9978H11.178ZM14.3392 23.0615H17.3402V18.1169C17.3402 17.8523 17.3597 17.5879 17.439 17.3988C17.6559 16.8701 18.1497 16.3225 18.9787 16.3225C20.0647 16.3225 20.4991 17.1344 20.4991 18.3247V23.0614H23.5V17.9846C23.5 15.2649 22.0194 13.9995 20.0449 13.9995C18.426 13.9995 17.7152 14.8869 17.3203 15.4913H17.3403V14.2072H14.3392C14.3786 15.038 14.3392 23.0615 14.3392 23.0615Z" fill="white"/>
</svg>
</a>
</div>
</section>
</div>
</footer>
</body>
</html></div>
</div>
</div>
</main>
<div id="template-info" data-info='{"iconConfig":"L2V4cG9ydC9zeXN0ZW0vbW9kdWxlcy9hbGthY29uLm1lcmN1cnkudGhlbWUvaWNvbnMvZmEvYXQuc3Zn","fullIcons":"L2V4cG9ydC9zeXN0ZW0vbW9kdWxlcy9hbGthY29uLm1lcmN1cnkudGhlbWUvY3NzL2F3ZXNvbWUtZnVsbC5taW4uY3NzXzU2NTg3NDk5OC5jc3M=","editMode":"false","project":"online","context":"/","locale":"fr"}'>
<div id="template-grid-info"></div></div>
<div id="myTopControl" tabindex="0"></div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const btn = document.getElementById("myTopControl");
if (!btn) return;
window.addEventListener("scroll", function() {
if (window.scrollY > 300) {
btn.style.display = "block";
} else {
btn.style.display = "none";
}
});
btn.addEventListener("click", function() {
window.scrollTo({ top: 0, behavior: "smooth" });
});
});
</script>
<div id="privacy-policy-placeholder"></div><div id="privacy-policy-banner" class="pp-banner" data-banner='{"root":"L3NpdGVzL2RlZmF1bHQ=","page":"L2ZyL2FjY3VlaWwvaW5kZXguaHRtbA==","policy":"Ly5jb250ZW50L3ByaXZhY3ktcG9saWN5LnhtbA=="}'></div>
<noscript><div id="privacy-policy-banner-noscript" class="pp-banner"><div class=banner><div class="container"><div class="message">JavaSript est désactivé !</div></div></div></div></noscript>
<div class="ctsmodal micromodal-slide" id="ctsmodal-1" aria-hidden="true">
<div class="ctsmodal__overlay" tabindex="-1" data-micromodal-close>
<div class="ctsmodal__container" role="dialog" aria-modal="true"
aria-labelledby="ctsmodal-1-title">
<header class="ctsmodal__header">
<h2 class="ctsmodal__title" id="ctsmodal-1-title">
</h2>
<button class="ctsmodal__close" aria-label="Close modal"
data-micromodal-close></button>
</header>
<div class="ctsmodal__content" id="ctsmodal-1-content">
</div>
<footer class="ctsmodal__footer" id="ctsmodal-1-footer">
</footer>
</div>
</div>
</div>
</body>
</html>
