PageSourceSearch

https://cts-strasbourg.eu/en/my-cts/account-creation/

html cts-strasbourg.eu collected 2026-09-24 09:05:48 UTC 130,967 bytes, 1,723 lines download raw bytes

1<!DOCTYPE html>
2    <html lang="en" class="noscript v-default  cts">
3                    <head>
4                            <style>html {
5                            visibility: hidden;
6                            opacity: 0;
7                        }</style>
8                            <noscript>
9                            <style>html.noscript .hide-noscript {
10                                display: none !important;
11                            }
12
13                            html {
14                                visibility: visible;
15                                opacity: 1;
16                            }
17                            </style>
18                        </noscript>
19                        
19<script>
20                            document.documentElement.classList.remove("noscript");
21                            document.documentElement.classList.add("hasscript");
22                            // Show the page when DOM is loaded
23                            document.addEventListener("DOMContentLoaded", function () {
24                                const html = document.querySelector('html');
25                                html.style['visibility'] = 'visible';
26                                html.style['opacity'] = '1';
27                            });
28                        </script>
28
29
30                        
30<script src="/export/system/modules/eu.cts.module.theme/resources/js/monkeypatch.js_146586099.js"></script>
30
31
32                            
32<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>
vendor: 1 bytes, line 32
32
33<script async
34                                src="/export/system/modules/alkacon.mercury.theme/js/mercury.js_1675644813.js"></script>
34
35                            <link rel="canonical" href="https://www.cts-strasbourg.eu/en/my-cts/account-creation/index.html">
36
37<link rel="alternate" hreflang="fr" href="https://www.cts-strasbourg.eu/fr/ma-cts/creation-de-compte/index.html">
38<link rel="alternate" hreflang="fr" href="https://www.cts-strasbourg.eu/fr/ma-cts/creation-de-compte/index.html">
39<link rel="alternate" hreflang="en" href="https://www.cts-strasbourg.eu/en/my-cts/account-creation/index.html">
40<link rel="alternate" hreflang="de" href="https://www.cts-strasbourg.eu/de/meine-cts/Konto-erstellen/index.html">
41<link rel="alternate" hreflang="en" href="https://www.cts-strasbourg.eu/en/my-cts/account-creation/index.html">
42<link rel="alternate" hreflang="de" href="https://www.cts-strasbourg.eu/de/meine-cts/Konto-erstellen/index.html">
43
44<title>CTS Account creation</title>
45
46<meta charset="UTF-8">
47<meta http-equiv="X-UA-Compatible" content="IE=edge">
48
49<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
50<meta name="description" content="Account creation">
51<meta name="robots" content="index, follow">
52<meta name="revisit-after" content="7 days"><link rel="stylesheet" href="/export/system/modules/alkacon.mercury.theme/css/awesome-selection.min.css_565874998.css">
53<link rel="stylesheet" href="/export/system/modules/alkacon.mercury.theme/css/theme-standard.min.css_565904789.css">
54<link rel="preload" as="font" type="font/woff2" href="/export/system/modules/alkacon.mercury.theme/fonts/awesome-selection.woff2?v=my-1" crossorigin>
55<script type="text/javascript">
56                                window.jqueryValidateParams = {
57                                    labels: {
58                                        errorRequired: "Mandatory field",
59                                        errorInvalidBadgeo: "The number you entered is invalid",
60                                        errorEmail: "E-mail address must follow format [email protected]",
61                                        errorPhone: "Please enter a valid phone number, for example 06 12 34 56 78",
62                                        errorPostalCode: "Please enter a valid postal code, for example 70000",
63                                        errorDate: "Wrong date format.",
64                                        errorDateJJMMAAAA: "Wrong date format. Please use format dd/mm/yyyy",
65                                        errorDateGoodYear: "The year must be greater than 1900",
66                                        errorIban: "The IBAN entered is not correct",
67                                        errorDateLate: "The reservation date must be within 90 days from today.",
68                                        errorNumeroBadgeo: "???cts.form.error.numeroBadgeo???",
69                                        errorEqualTo: "The email addresses entered do not match.",
70                                        errorNotEqualTo: "Values must be different",
71                                        errorNumeroPv: "Please enter a ticket number (minimum 6 digits)",
72                                        errorCBDebut: "Please enter the beginning of a valid card number (6 digits)",
73                                        errorCBFin: "Please enter a valid end of card number (4 digits)",
74
75                                        errorFileTooBig: "Your document cannot exceed the maximum size of 9MB.",
76                                        fileAttachmentText: "Drag a file here or click below to upload it.",
77
78                                        pwdRequired: "Password required",
79                                        pwdTooShort: "The password must be at least 10 characters long",
80                                        pwdNoCapital: "The password must contain at least one uppercase letter",
81                                        pwdNoLowercase: "???cts.pwdReco.pwdNoLowerCase???",
82                                        pwdNoDigit: "The password must contain at least one digit",
83                                        pwdNoSpeciallyCharacter: "???cts.pwdReco.pwdNoSpeciallyCharacter???",
84
85                                        pwdValidStrong: "Strong password",
86
87                                        pwdConfirmNotEqual: "The two passwords do not match.",
88                                        pwdConfirmEqual: "Passwords match",
89                                        pwdSameAsOld: "The new password must be different from the old one",
90
91                                        emailRequired: "The email address is required",
92                                        emailBadFormat: "The email address must be in the format [email protected]",
93                                        emailConfirmNotEqual: "The email addresses do not match",
94
95                                        errorTooSmallYear: "Please enter a value greater than or equal to 1800",
96                                        errorTooBigYear: "Please enter a value less than or equal to 2026",
97                                    }
98                                };
99                                /**
100                                 variables communes
101                                 **/
102                                var commonVars =
103                                    {
104                                        utils: {
105                                            isEditMode: false,
106                                            isOnlineProject: true,
107                                            maxSize: 9 * 1024 * 1024
108                                        },
109                                        regex: {
110                                            // /!\ ne pas mettre les guillemets pour les regexp
111                                            date:/^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{4}$/,
112                                            phone:/^([\+][0-9]{1,3}[ \.\-]{0,1})?([\(]{1}[0-9]{2,6}[\)])?([0-9 \.\-\/]{3,20})((x|ext|extension)[ ]?[0-9]{1,4})?$/,
113                                            zip:/^\d{5,6}$/
114                                        },
115                                        labels: {
116                                            passwordToggle: "Show or hide password",
117                                            errorTitle: "Error",
118                                            warningTitle: "Warning",
119                                            error: "An error has occurred. Please try again in a few minutes.",
120                                            errorAndReload: "An error has occurred. Please repeat this operation later by reloading the page.",
121                                            informationTitle: "Information",
122                                            ok: "Ok",
123                                            cancel: "Cancel",
124                                            requiredLegend: "Mandatory fields",
125                                            chooseDate: "Select this date",
126                                            photo: {
127                                                useWebcam: "Use the camera",
128                                                uploadFile: "Import a photo",
129                                                takePhoto: "Take a photo",
130                                                noWebcam: "No webcam available",
131                                                errorTitle: "Error",
132                                                missingPicture: "No photo. Please check it has been validated",
133                                                oversizedPicture: "Its size must not exceed 9 MB.",
134                                                confirmError: "OK",
135                                                tooBigImg: "File too big"
136                                            },
137                                            postalCityAutocomplete: {
138                                                noResultFor: "No results found for",
139                                            },
140                                            fileUpload: {
141                                                fileSelected: "Selected file:",
142                                            }
143                                        },
144                                        urls: {
145                                            autocompletePostalCity: "/system/modules/eu.cts.module.core/actions/autocomplete_postalCity.jsp",
146                                            
147                                            photodivjsp: "/system/modules/eu.cts.module.theme/elements/photo-div.jsp?lang=en",
148                                            photowebcamdivjsp: "/system/modules/eu.cts.module.theme/elements/photo-webcam-div.jsp?lang=en",
149                                            photofiledivjsp: "/system/modules/eu.cts.module.theme/elements/photo-file-div.jsp?lang=en",
150                                        },
151                                        locale: "en"
152                                    };
153                                var commonsLabels = {
154                                    error: {
155                                        fieldEmpty: "Empty field"
156                                    },
157                                    close: "Close"
158                                };
159                            </script>
159
160                            
160<script src="/export/system/modules/eu.cts.module.theme/resources/libs/spin.js_1187175920.js"
161                                    type="module"></script>
vendor: 1 bytes, line 161
161
162<script type="module"
163                                    src="/export/system/modules/eu.cts.module.theme/resources/libs/tom-select.complete.min.js_1187175920.js"></script>
vendor: 1 bytes, line 163
163
164<script src="/export/system/modules/eu.cts.module.theme/resources/libs/jquery-3.7.1.min.js_1187175920.js"></script>
vendor: 1 bytes, line 164
164
165<script src="/export/system/modules/eu.cts.module.theme/resources/libs/jquery.validate.min.js_1187175920.js"></script>
vendor: 1 bytes, line 165
165
166<script src="/export/system/modules/eu.cts.module.theme/resources/libs/jquery.form.js_1187175920.js"></script>
vendor: 1 bytes, line 166
166
167<script src="/export/system/modules/eu.cts.module.theme/resources/libs/captchetat-js.js_810882688.js"></script>
vendor: 1 bytes, line 167
167
168<script src="/export/system/modules/eu.cts.module.theme/resources/libs/flatpickr/flatpickr.min.js_1187175920.js"></script>
vendor: 1 bytes, line 168
168
169<script src="/export/system/modules/eu.cts.module.theme/resources/libs/flatpickr/fr.js_1187175920.js"></script>
vendor: 1 bytes, line 169
169
170<script src="/export/system/modules/eu.cts.module.theme/resources/libs/flatpickr/confirmDate.js_1187175920.js"></script>
vendor: 1 bytes, line 170
170
171<script src="/export/system/modules/eu.cts.module.theme/resources/libs/embla-carousel.umd.js_1187175920.js"></script>
vendor: 1 bytes, line 171
171
172<script src="/export/system/modules/alkacon.mercury.template/resources/js/faq.js_1267152276.js"></script>
172
173<link rel="stylesheet" href="/export/system/modules/eu.cts.module.theme/resources/css/custom.css_1559896663.css">
174<script src="/export/system/modules/eu.cts.module.theme/resources/js/custom.js_1780818066.js" type="module"
175                                        defer></script>
175
176<link rel="apple-touch-icon" sizes="180x180"
177                                      href="">
178<link rel="icon" type="image/png" sizes="32x32"
179                                      href="/export/system/modules/alkacon.mercury.theme/img/favicon.png_642975561.png">
180<link rel="icon" type="image/png" sizes="16x16"
181                                      href="/export/system/modules/alkacon.mercury.theme/img/favicon.png_897707255.png"><title></title>
182</head>
183                    <body>
184            <a class="btn visually-hidden-focusable-fixed" id="skip-to-content" href="#main-content">Skip to content</a><main id="main-content"><div  id="mercury-page" >
185
186<div class="area-content area-wide area-full-row" ><!-- Matomo -->
187    
187<script>
188        var _paq = window._paq = window._paq || [];
189        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
190        _paq.push(['trackPageView']);
191        _paq.push(['enableLinkTracking']);
192        (function () {
193            var u = "https:\/\/ctsstrasbourg.matomo.cloud\/";
194            _paq.push(['setTrackerUrl', u + 'matomo.php']);
195            _paq.push(['setSiteId', '1']);
196            var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
197            g.async = true;
198            g.src = 'https://cdn.matomo.cloud/ctsstrasbourg.matomo.cloud/matomo.js';
199            s.parentNode.insertBefore(g, s);
200        })();
201    </script>
201
202
203    <!-- End Matomo Code -->
204    <div>
205<header id="HeaderDiv" class="header">
206
207                            <!-- Top Navigation Bar -->
208                            <div class="top-nav">
209<a href="/en/all-news/"
210                                   class="top-nav__link">News</a>
211                                <a href="/en/frequently-asked-questions/" class="top-nav__link">FAQ</a>
212                                <a href="/en/contact/contact-us/" class="top-nav__link">Contact Us</a>
213                            </div>
214
215                            <!-- Main Navigation Bar -->
216                            <div class="main-nav">
217                                <!-- Logo -->
218                                <div class="main-nav__logo">
219                                    <a href="/en/" title='CTS - Go to homepage'>
220                                        <img src="/export/sites/default/.galleries/gallerie_cts/logo_cts_header.png_1697849722.png" alt="CTS - Go to homepage"
221                                             class="main-nav__logo-img"/>
222                                    </a>
223                                </div>
224
225                                <!-- Navigation Menu - Desktop -->
226                                        <nav class="main-nav__menu" aria-label="Main navigation">
227                                            <div class="main-nav__item main-nav__item-- main-nav__item--dropdown"
228                                                                 data-dropdown="en-move"
229                                                                 tabindex="0"
230                                                                 role="button"
231                                                                 aria-haspopup="true"
232                                                                 aria-expanded="false"
233                                                                 aria-label="Move - Ouvrir le sous-menu">
234                                                                <img src="/export/system/modules/eu.cts.module.header/resources/images/se_deplacer.svg"
235                                                                         alt=""
236                                                                         aria-hidden="true"/>
237                                                                <span class="main-nav__text main-nav__text--">Move</span>
238                                                            </div>
239                                                        <div class="main-nav__separator"></div>
240                                                <div class="main-nav__item main-nav__item-- main-nav__item--dropdown"
241                                                                 data-dropdown="en-buy"
242                                                                 tabindex="0"
243                                                                 role="button"
244                                                                 aria-haspopup="true"
245                                                                 aria-expanded="false"
246                                                                 aria-label="Buy - Ouvrir le sous-menu">
247                                                                <img src="/export/system/modules/eu.cts.module.header/resources/images/acheter.svg"
248                                                                         alt=""
249                                                                         aria-hidden="true"/>
250                                                                <span class="main-nav__text main-nav__text--">Buy</span>
251                                                            </div>
252                                                        <div class="main-nav__separator"></div>
253                                                <div class="main-nav__item main-nav__item-- main-nav__item--dropdown"
254                                                                 data-dropdown="en-know-us"
255                                                                 tabindex="0"
256                                                                 role="button"
257                                                                 aria-haspopup="true"
258                                                                 aria-expanded="false"
259                                                                 aria-label="Know Us - Ouvrir le sous-menu">
260                                                                <img src="/export/system/modules/eu.cts.module.header/resources/images/nous_connaitre.svg"
261                                                                         alt=""
262                                                                         aria-hidden="true"/>
263                                                                <sp
263an class="main-nav__text main-nav__text--">Know Us</span>
264                                                            </div>
265                                                        <div class="main-nav__separator"></div>
266                                                <!-- Search -->
267                                            <!-- Search -->
268<div role="search">
269        <button class="main-nav__search" id="search-toggle">
270            <img class="main-nav__search-icon"
271                 src="/export/system/modules/eu.cts.module.header/resources/images/search_icon.svg"
272                 alt="Search">
273        </button>
274    </div>
275    <!-- Search Overlay -->
276    <div class="search-overlay" id="search-overlay" role="search" aria-labelledby="searchTitle"  >
277        <div class="search-overlay__content">
278            <div class="search-overlay__header">
279                <h3 class="search-overlay__title" id="searchTitle">Search ...</h3>
280                <button class="search-overlay__close" id="search-close">
281                    <img src="/export/system/modules/eu.cts.module.header/resources/images/search_overlay_close.svg" alt="Close search">
282                </button>
283            </div>
284            <div class="search-overlay__form">
285                <form id="cts-header-search-form" action="/en/search/" method="POST">
286                    <div class="search-input-wrapper">
287                        <input
288                                type="text"
289                                class="search-input"
290                                placeholder="Search ..."
291                                id="searchNavQuery"
292                                name="q" autocomplete="off"
293                                title="Search ..."
294                                aria-labelledby="searchTitle"
295                        />
296                        <button class="search-submit" type="submit"
297                                onclick="this.form.submit(); return false;" title="Search submit">
298                            <img src="/export/system/modules/eu.cts.module.header/resources/images/search_submit.svg"
299                                 alt=""
300                                 aria-hidden="true">
301                        </button>
302                    </div>
303                </form>
304            </div>
305        </div>
306    </div>
307</nav>
308                                    <!-- Right Side Controls -->
309                                <div class="main-nav__controls">
310                                    <div class="main-nav__controls-group">
311                                        <!-- Language Selector -->
312                                        <!-- Language Selector -->
313<div class="language-selector" id="lang-selector-container" tabindex="0" role="button" aria-label="Change language">
314    <select class="language-selector__select" id="language-select" onchange="location.href=this.value" aria-label="Select a language">
315        <option disabled selected style="display: none"></option>
316        <option value="/de/meine-cts/Konto-erstellen/index.html">DE</option>
317                    <option value="/fr/ma-cts/creation-de-compte/index.html">FR</option>
318                    </select>
319    <span class="language-selector__text">EN</span>
320    <img class="language-selector__arrow"
321         src="/export/system/modules/eu.cts.module.header/resources/images/language_arrow.svg"
322         alt=""
323         aria-hidden="true">
324</div>
325<a href="/en/connection/" class="ma-cts-btn">
326                <img class="ma-cts-btn__icon"
327                     src="/export/system/modules/eu.cts.module.header/resources/images/ma_cts.svg"
328                     alt=""
329                     aria-hidden="true">
330                <div class="ma-cts-btn__content">
331                    <span class="ma-cts-btn__text">My CTS</span>
332                </div>
333            </a>
334        </div>
335                                </div>
336                                <!-- Mobile menu button -->
337                                <button class="mobile-menu-btn" id="mobile-menu-btn"
338                                         role="button"
339                                         aria-label="Menu"
340                                         aria-expanded="false"
341                                         aria-controls="mobile-menu"
342                                         tabindex="0">
343                                    <div class="hamburger">
344                                        <span class="hamburger__line"></span>
345                                        <span class="hamburger__line"></span>
346                                        <span class="hamburger__line"></span>
347                                    </div>
348                                </button>
349
350                            </div>
351
352                            <!-- Dropdown Menus -->
353                            <div class="dropdown-container">
354                                <div class="dropdown"
355                                             id="dropdown-en-move"
356                                             role="menu"
357                                             aria-label="Sous-menu Move">
358                                            <div class="dropdown__content dropdown__row">
359                                                <a href="/en/move/search-route/"
360                                                       class="dropdown__title"
361                                                       role="menuitem">
362                                                        <img src="/export/system/modules/eu.cts.module.header/resources/images/recherche_itineraire.svg"
363                                                                      alt=""
364                                                                      aria-hidden="true"/>
365                                                        <span>Route search</span>
366                                                    </a>
367
368                                                    <a href="/en/move/search-timetable/"
369                                                       class="dropdown__title"
370                                                       role="menuitem">
371                                                        <img src="/export/system/modules/eu.cts.module.header/resources/images/recherche_horaire.svg"
372                                                                      alt=""
373                                                                      aria-hidden="true"/>
374                                                        <span>Timetable search</span>
375                                                    </a>
376
377                                                    <a href="/en/move/infos-trafic/"
378                                                       class="dropdown__title"
379                                                       role="menuitem">
380                                                        <img src="/export/system/modules/eu.cts.module.header/resources/images/infotrafic.svg"
381                                                                      alt=""
382                                                                      aria-hidden="true"/>
383                                                        <span>Traffic information</span>
384                                                    </a>
385
386                                                    </div>
387                                        </div>
388                                    <div class="dropdown"
389                                             id="dropdown-en-buy"
390                                             role="menu"
391                                             aria-label="Sous-menu Buy">
392                                            <div class="dropdown__content dropdown__row">
393                                                <a href="/en/buy/our-tickets/"
394                                                       class="dropdown__title"
395                                                       role="menuitem">
396                                                        <span>Transport tickets</span>
397                                                    </a>
398
399                                                    </div>
400                                        </div>
401                                    <div class="dropdown"
402                                             id="dropdown-en-know-us"
403                                             role="menu"
404                                             aria-label="Sous-menu Know Us">
405                                            <div class="dropdown__content dropdown__row">
406                                                <div class="dropdown__column">
407                                                    <a href="/en/know-us/the-essentials-of-the-cts/who-are-we-/our-story/"
408                                                       class="dropdown__title"
409                                                       role="menuitem">
410                                                        <span>The essentials of the CTS</span>
411                                                    </a>
412
413                                                    <div class="dropdown__section">
414                                                            <div class="dropdown__section--collapsible">
415
416                                                                        <div class="dropdown__subtitle-wrapper"
417                                                                             data-toggle="en-know-us-the-essentials-of-the-cts-who-are-we-"
418                                                                             tabindex="0"
419                                                                             role="button"
420                                                                             aria-expanded="false"
421                                                                             aria-label="Who are we ? - Ouvrir/Fermer">
422                                                                            <span class="dropdown__subtitle">Who are we ?</span>
423                                                                            <img class="dropdown__chevron"
424                                                                                 src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron.svg"
425                                                                                 alt=""
426                                                                                 aria-hidden="true">
427                                                                        </div>
428
429                                                                        <ul class="dropdown__list"
430                                                                                id="en-know-us-the-essentials-of-the-cts-who-are-we-">
431                                                                                <li>
432                                                                                    <a href="/en/know-us/the-essentials-of-the-cts/who-are-we-/our-story/"
433                                                                                       class="dropdown__sublink">Our story</a>
434                                                                                </li>
435                                                                            </ul>
436                                                                        <ul class="dropdown__list"
437                                                                                id="en-know-us-the-essentials-of-the-cts-who-are-we-">
438                                                                                <li>
439                                                                                    <a href="/en/know-us/the-essentials-of-the-cts/who-are-we-/our-key-figures/"
440                                                                                       class="dropdown__sublink">Our key figures</a>
441                                                                                </li>
442                                                                            </ul>
443                                                                        </div>
444                                                                </div>
445                                                    <div class="dropdown__section">
446                                                            <a class="dropdown__link"
447                                                                       href="/en/know-us/the-essentials-of-the-cts/our-commitments/">Our commitments</a>
448                                                                </div>
449                                                    </div>
450                                                    <div class="dropdown__column">
451                                                    <a href="/en/know-us/our-network/tram-and-bus/"
452                                                       class="dropdown__title"
453                                                       role="menuitem">
454                                                        <span>Our network</span>
455                                                    </a>
456
457                                                    <div class="dropdown__section">
458                                                            <a class="dropdown__link"
459                                                                       href="/en/know-us/our-network/tram-and-bus/">Tram & bus</a>
460                                                                </div>
461                                                    <div class="dropdown__section">
462                                                            <a class="dropdown__link"
463                                                                       href="/en/know-us/our-network/evening-and-night-lines/">Evening and night</a>
464                                                                </div>
465                                                    <div class="dropdown__section">
466                                                            <div class="dropdown__section--collapsible">
467
468                                                                        <div class="dropdown__subtitle-wrapper"
469                                                                             data-toggle="en-know-us-our-network-on-demand-transportation"
470                                                                             tabindex="0"
471                                                                             role="button"
472                                                                             aria-expanded="false"
473                                                                             aria-label="On-demand transportation - Ouvrir/Fermer">
474                                                                            <span class="dropdown__subtitle">On-demand transportation</span>
475                                                                            <img class="dropdown__chevron"
476                                                                                 src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron.svg"
477                                                                                 alt=""
478                                                                                 aria-hidden="true">
479                                                                        </div>
480
481                                                                        <ul class="dropdown__list"
482                                                                                id="en-know-us-our-network-on-demand-transportation">
483                                                                                <li>
484                                                                                    <a href="/en/know-us/our-network/on-demand-transportation/flexhop/"
485                                                                                       class="dropdown__sublink">Flex'hop</a>
486                                                                                </li>
487                                                                            </ul>
488                                                                        <ul class="dropdown__list"
489                                                                                id="en-know-us-our-network-on-demand-transportation">
490                                                                                <li>
491                                                                                    <a href="/en/know-us/our-network/on-demand-transportation/mobistras/"
492                                                                                       class="dropdown__sublink">Mobistras</a>
493                                                                                </li>
494                                                                            </ul>
495                                                                        </div>
496                                                                </div>
497                                                    <div class="dropdown__section">
498                                                            <div class="dropdown__section--collapsible">
499
500                                                                        <div class="dropdown__subtitle-wrapper"
501                                                                             data-toggle="en-know-us-our-network-parkings"
502                                                                             tabindex="0"
503                                                                             role="button"
504                                                                             aria-expanded="false"
505                                                                             aria-label="Parkings - Ouvrir/Fermer">
506                                                                            <sp
506an class="dropdown__subtitle">Parkings</span>
507                                                                            <img class="dropdown__chevron"
508                                                                                 src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron.svg"
509                                                                                 alt=""
510                                                                                 aria-hidden="true">
511                                                                        </div>
512
513                                                                        <ul class="dropdown__list"
514                                                                                id="en-know-us-our-network-parkings">
515                                                                                <li>
516                                                                                    <a href="/en/know-us/our-network/parkings/Park-and-ride/"
517                                                                                       class="dropdown__sublink">Park and ride</a>
518                                                                                </li>
519                                                                            </ul>
520                                                                        <ul class="dropdown__list"
521                                                                                id="en-know-us-our-network-parkings">
522                                                                                <li>
523                                                                                    <a href="/en/know-us/our-network/parkings/Bike-parking/"
524                                                                                       class="dropdown__sublink">Bike parking</a>
525                                                                                </li>
526                                                                            </ul>
527                                                                        </div>
528                                                                </div>
529                                                    </div>
530                                                    <div class="dropdown__column">
531                                                    <a href="/en/know-us/press-area/press-releases/"
532                                                       class="dropdown__title"
533                                                       role="menuitem">
534                                                        <span>Press area</span>
535                                                    </a>
536
537                                                    <div class="dropdown__section">
538                                                            <a class="dropdown__link"
539                                                                       href="/en/know-us/press-area/press-releases/">Press releases</a>
540                                                                </div>
541                                                    <div class="dropdown__section">
542                                                            <a class="dropdown__link"
543                                                                       href="/en/know-us/press-area/our-institutional-reports/">Our Institutional Reports</a>
544                                                                </div>
545                                                    </div>
546                                                    <div class="dropdown__column">
547                                                    <a href="/en/know-us/career-area/our-offers/"
548                                                       class="dropdown__title"
549                                                       role="menuitem">
550                                                        <span>Career area</span>
551                                                    </a>
552
553                                                    <div class="dropdown__section">
554                                                            <a class="dropdown__link"
555                                                                       href="/en/know-us/career-area/our-offers/">Our offers</a>
556                                                                </div>
557                                                    <div class="dropdown__section">
558                                                            <div class="dropdown__section--collapsible">
559
560                                                                        <div class="dropdown__subtitle-wrapper"
561                                                                             data-toggle="en-know-us-career-area-our-professions"
562                                                                             tabindex="0"
563                                                                             role="button"
564                                                                             aria-expanded="false"
565                                                                             aria-label="Our professions - Ouvrir/Fermer">
566                                                                            <sp
566an class="dropdown__subtitle">Our professions</span>
567                                                                            <img class="dropdown__chevron"
568                                                                                 src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron.svg"
569                                                                                 alt=""
570                                                                                 aria-hidden="true">
571                                                                        </div>
572
573                                                                        <ul class="dropdown__list"
574                                                                                id="en-know-us-career-area-our-professions">
575                                                                                <li>
576                                                                                    <a href="/en/know-us/career-area/our-professions/exploitation-jobs/"
577                                                                                       class="dropdown__sublink">Exploitation jobs</a>
578                                                                                </li>
579                                                                            </ul>
580                                                                        <ul class="dropdown__list"
581                                                                                id="en-know-us-career-area-our-professions">
582                                                                                <li>
583                                                                                    <a href="/en/know-us/career-area/our-professions/maintenance-jobs/"
584                                                                                       class="dropdown__sublink">Maintenance jobs</a>
585                                                                                </li>
586                                                                            </ul>
587                                                                        <ul class="dropdown__list"
588                                                                                id="en-know-us-career-area-our-professions">
589                                                                                <li>
590                                                                                    <a href="/en/know-us/career-area/our-professions/support-jobs/"
591                                                                                       class="dropdown__sublink">Support jobs</a>
592                                                                                </li>
593                                                                            </ul>
594                                                                        </div>
595                                                                </div>
596                                                    </div>
597                                                    <div class="dropdown__column">
598                                                    <a href="/en/know-us/public-procurement/spaser/"
599                                                       class="dropdown__title"
600                                                       role="menuitem">
601                                                        <span>Public procurement</span>
602                                                    </a>
603
604                                                    <div class="dropdown__section">
605                                                            <a class="dropdown__link"
606                                                                       href="/en/know-us/public-procurement/spaser/">SPASER</a>
607                                                                </div>
608                                                    <div class="dropdown__section">
609                                                            <a class="dropdown__link"
610                                                                       href="/en/know-us/public-procurement/our-calls-for-tenders/">Our calls for tenders</a>
611                                                                </div>
612                                                    </div>
613                                                    </div>
614                                        </div>
615                                    <div class="dropdown"
616                                             id="dropdown-en-faq"
617                                             role="menu"
618                                             aria-label="Sous-menu FAQ">
619                                            <div class="dropdown__content dropdown__row">
620                                                <a href="/en/faq/faq-redirect"
621                                                       class="dropdown__title"
622                                                       role="menuitem">
623                                                        <span>FAQ-Redirect</span>
624                                                    </a>
625
626                                                    <a href="/en/faq/details-faq/"
627                                                       class="dropdown__title"
628                                                       role="menuitem">
629                                                        <span>details-faq</span>
630                                                    </a>
631
632                                                    <a href="/en/faq/badgeo-card-and-contactless-ticket/"
633                                                       class="dropdown__title"
634                                                       role="menuitem">
635                                                        <span>Badgéo card and contactless ticket</span>
636                                                    </a>
637
638                                                    <a href="/en/faq/subscriptions/"
639                                                       class="dropdown__title"
640                                                       role="menuitem">
641                                                        <span>Subscriptions</span>
642                                                    </a>
643
644                                                    <a href="/en/faq/combining-several-modes-of-transport/"
645                                                       class="dropdown__title"
646                                                       role="menuitem">
647                                                        <span>Combining several modes of transport</span>
648                                                    </a>
649
650                                                    <a href="/en/faq/online-agency/"
651                                                       class="dropdown__title"
652                                                       role="menuitem">
653                                                        <span>Online agency</span>
654                                                    </a>
655
656                                                    <a href="/en/faq/cts-services/"
657                                                       class="dropdown__title"
658                                                       role="menuitem">
659                                                        <span>CTS services</span>
660                                                    </a>
661
662                                                    <a href="/en/faq/generalities/"
663                                                       class="dropdown__title"
664                                                       role="menuitem">
665                                                        <span>Generalities</span>
666                                                    </a>
667
668                                                    <a href="/en/faq/travel-legally/"
669                                                       class="dropdown__title"
670                                                       role="menuitem">
671                                                        <span>Travel legally</span>
672                                                    </a>
673
674                                                    <a href="/en/faq/professionals-and-educational-institutions/"
675                                                       class="dropdown__title"
676                                                       role="menuitem">
677                                                        <span>Professionals and educational institutions</span>
678                                                    </a>
679
680                                                    <a href="/en/faq/mobile-application/"
681                                                       class="dropdown__title"
682                                                       role="menuitem">
683                                                        <span>Mobile application</span>
684                                                    </a>
685
686                                                    </div>
687                                        </div>
688                                    <div class="dropdown"
689                                             id="dropdown-en-my-cts"
690                                             role="menu"
691                                             aria-label="Sous-menu My CTS">
692                                            <div class="dropdown__content dropdown__row">
693                                                <div class="dropdown__column">
694                                                    <a href="/en/my-cts/account-creation/"
695                                                       class="dropdown__title"
696                                                       role="menuitem">
697                                                        <span>Account creation</span>
698                                                    </a>
699
700                                                    <div class="dropdown__section">
701                                                            <a class="dropdown__link"
702                                                                       href="/en/my-cts/account-creation/account-created/">Account created</a>
703                                                                </div>
704                                                    </div>
705                                                    <div class="dropdown__column">
706                                                    <a href="/en/my-cts/home/"
707                                                       class="dropdown__title"
708                                                       role="menuitem">
709                                                        <span>Home</span>
710                                                    </a>
711
712                                                    <div class="dropdown__section">
713                                                            <a class="dropdown__link"
714                                                                       href="/en/my-cts/home/ter-token/">TER Token</a>
715                                                                </div>
716                                                    <div class="dropdown__section">
717                                                            <a class="dropdown__link"
718                                                                       href="/en/my-cts/home/apply-free-subscription/">Apply Free Subscription</a>
719                                                                </div>
720                                                    </div>
721                                                    <div class="dropdown__column">
722                                                    <a href="/en/my-cts/my-badgeo/"
723                                                       class="dropdown__title"
724                                                       role="menuitem">
725                                                        <span>My Badgéo</span>
726                                                    </a>
727
728                                                    <div class="dropdown__section">
729                                                            <a class="dropdown__link"
730                                                                       href="/en/my-cts/my-badgeo/badgeo-on-mobile/">Badgéo on mobile</a>
731                                                                </div>
732                                                    <div class="dropdown__section">
733                                                            <a class="dropdown__link"
734                                                                       href="/en/my-cts/my-badgeo/set-up-direct-debit/">Set up a direct debit</a>
735                                                                </div>
736                                                    <div class="dropdown__section">
737                                                            <a class="dropdown__link"
738                                                                       href="/en/my-cts/my-badgeo/renew-eligibility-reduced-fare/">Renew eligibility for reduced fare</a>
739                                                                </div>
740                                                    <div class="dropdown__section">
741                                                            <a class="dropdown__link"
742                                                                       href="/en/my-cts/my-badgeo/order-badgeo-duplicate/">Order a duplicate Badgéo card</a>
743                                                                </div>
744                                                    <div class="dropdown__section">
745                                                            <a class="dropdown__link"
746                                                                       href="/en/my-cts/my-badgeo/link-badgeo/">Link a Badgéo card to my account</a>
747                                                                </div>
748                                                    <div class="dropdown__section">
749                                                            <a class="dropdown__link"
750                                                                       href="/en/my-cts/my-badgeo/order-badgeo/">Order a Badgéo card</a>
751                                                                </div>
752                                                    <div class="dropdown__section">
753                                                            <a class="dropdown__link"
754                                                                       href="/en/my-cts/my-badgeo/manage-badgeo-access/">Manage my Badgéo access</a>
755                                                                </div>
756                                                    <div class="dropdown__section">
757                                                            <a class="dropdown__link"
758                                                                       href="/en/my-cts/my-badgeo/reload-badgeo/">Reload my Badgéo card</a>
759                                                                </div>
760                                                    </div>
761                                                    <a href="/en/my-cts/my-payments/"
762                                                       class="dropdown__title"
763                                                       role="menuitem">
764                                                        <span>My payments</span>
765                                                    </a>
766
767                                                    <a href="/en/my-cts/my-profile/"
768                                                       class="dropdown__title"
769                                                       role="menuitem">
770                                                        <span>My profile</span>
771                                                    </a>
772
773                                                    </div>
774                                        </div>
775                                    <div class="dropdown"
776                                             id="dropdown-en-contact"
777                                             role="menu"
778                                             aria-label="Sous-menu Contact">
779                                            <div class="dropdown__content dropdown__row">
780                                                <a href="/en/contact/contact-us/"
781                                                       class="dropdown__title"
782                                                       role="menuitem">
783                                                        <span>Contact us</span>
784                                                    </a>
785
786                                                    <a href="/en/contact/contact-form/"
787                                                       class="dropdown__title"
788                                                       role="menuitem">
789                                                        <span>Contact</span>
790                                                    </a>
791
792                                                    <a href="/en/contact/complaint/"
793                                                       class="dropdown__title"
794                                                       role="menuitem">
795                                                        <span>File a complaint</span>
796                                                    </a>
797
798                                                    <a href="/en/contact/terminations/"
799                                                       class="dropdown__title"
800                                                       role="menuitem">
801                                                        <span>Cancel a subscription</span>
802                                                    </a>
803
804                                                    <a href="/en/contact/contest-pv/"
805                                                       class="dropdown__title"
806                                                       role="menuitem">
807                                                        <span>Contesting a police report</span>
808                                                    </a>
809
810                                                    <a href="/en/contact/refunds/"
811                                                       class="dropdown__title"
812                                                       role="menuitem">
813                                                        <span>Request a refund</span>
814                                                    </a>
815
816                                                    <a href="/en/contact/pro-area/"
817                                                       class="dropdown__title"
818                                                       role="menuitem">
819                                                        <span>Pro area</span>
820                                                    </a>
821
822                                                    <a href="/en/contact/school-outings/"
823                                                       class="dropdown__title"
824                                                       role="menuitem">
825                                                        <span>School outings</span>
826                                                    </a>
827
828                                                    <a href="/en/contact/report-obstacles/"
829                                                       class="dropdown__title"
830                                                       role="menuitem">
831                                                        <span>Report an obstacle PRM</span>
832                                                    </a>
833
834                                                    <a href="/en/contact/lost-object/"
835                                                       class="dropdown__title"
836                                                       role="menuitem">
837                                                        <span>lost-object</span>
838                                                    </a>
839
840                                                    </div>
841                                        </div>
842                                    </div>
843                            <!-- Mobile Menu -->
844                            <nav class="mobile-menu" id="mobile-menu" aria-label="Main navigation">
845                                <div class="mobile-menu__content">
846
847                                    <div class="ma-cts-btn-and-search-wrapper ma-cts-btn-and-search-wrapper--column">
848                                        <div class="ma-cts-mobile-dropdown" id="ma-cts-mobile-dropdown-trigger">
849                                                <a href="/en/connection/" class="ma-cts-mobile-dropdown__btn">
850                                                    <img class="ma-cts-btn__icon"
851                                                         src="/export/system/modules/eu.cts.module.header/resources/images/ma_cts.svg"
852                                                         alt=""
853                                                         aria-hidden="true">
854                                                    <div class="ma-cts-btn__content">
855                                                        <span class="ma-cts-btn__text">My CTS</span>
856                                                    </div>
857                                                </a>
858                                            </div>
859                                        <form id="cts-header-search-form" action="/en/search/" method="POST" style="width: 100%" role="search">
860        <div class="search-input-wrapper">
861            <input
862                    type="text"
863                    class="search-input"
864                    placeholder="Search ..."
865                    id="searchNavQueryMobile"
866                    name="q" autocomplete="off"
867                    title="Search ..."
868                    aria-label="Search ..."
869            />
870            <button class="search-submit" type="submit"
871                    onclick="this.form.submit(); return false;" title="Search submit">
872                <img src="/export/system/modules/eu.cts.module.header/resources/images/search_submit_mobile.svg" alt=""
873                     aria-hidden="true">
874            </button>
875        </div>
876    </form>
877</div>
878
879                                    <div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
880                                                     data-mobile-toggle="en-move"
881                                                     tabindex="0"
882                                                     role="button"
883                                                     aria-expanded="false"
884                                                     aria-label="Move">
885                                                    <div class="mobile-menu__header">
886                                                        <img class="mobile-menu__icon"
887                                                             src="/export/system/modules/eu.cts.module.header/resources/images/se_deplacer.svg"
888                                                             alt=""
889                                                             aria-hidden="true"/>
890                                                    <span class="mobile-menu__text">Move</span>
891                                                    <img class="mobile-menu__chevron"
892                                                         src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
893                                                         alt=""
894                                                         aria-hidden="true">
895                                                    </div>
896                                                    <div class="mobile-menu__submenu" id="en-move">
897
898                                                        <a href="/en/move/search-route/"
899                                                                       class="mobile-menu__sublink">Route search</a>
900                                                                <a href="/en/move/search-timetable/"
901                                                                       class="mobile-menu__sublink">Timetable search</a>
902                                                                <a href="/en/move/infos-trafic/"
903                                                                       class="mobile-menu__sublink">Traffic information</a>
904                                                                </div>
905                                                </div>
906                                            <div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
907                                                     data-mobile-toggle="en-buy"
908                                                     tabindex="0"
909                                                     role="button"
910                                                     aria-expanded="false"
911                                                     aria-label="Buy">
912                                                    <div class="mobile-menu__header">
913                                                        <img class="mobile-menu__icon"
914                                                             src="/export/system/modules/eu.cts.module.header/resources/images/acheter.svg"
915                                                             alt=""
916                                                             aria-hidden="true"/>
917                                                    <span class="mobile-menu__text">Buy</span>
918                                                    <img class="mobile-menu__chevron"
919                                                         src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
920                                                         alt=""
921                                                         aria-hidden="true">
922                                                    </div>
923                                                    <div class="mobile-menu__submenu" id="en-buy">
924
925                                                        <a href="/en/buy/our-tickets/"
926                                                                       class="mobile-menu__sublink">Transport tickets</a>
927                                                                </div>
928                                                </div>
929                                            <div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
930                                                     data-mobile-toggle="en-know-us"
931                                                     tabindex="0"
932                                                     role="button"
933                                                     aria-expanded="false"
934                                                     aria-label="Know Us">
935                                                    <div class="mobile-menu__header">
936                                                        <img class="mobile-menu__icon"
937                                                             src="/export/system/modules/eu.cts.module.header/resources/images/nous_connaitre.svg"
938                                                             alt=""
939                                                             aria-hidden="true"/>
940                                                    <span class="mobile-menu__text">Know Us</span>
941                                                    <img class="mobile-menu__chevron"
942                                                         src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
943                                                         alt=""
944                                                         aria-hidden="true">
945                                                    </div>
946                                                    <div class="mobile-menu__submenu" id="en-know-us">
947
948                                                        <div class="mobile-menu__section">
949                                                                        <div class="mobile-menu__section-header">
950                                                                            <span class="mobile-menu__section-title">The essentials of the CTS</span>
951                                                                        </div>
952
953                                                                        <div class="mobile-menu__subsection"
954                                                                                         data-mobile-toggle="en-know-us-the-essentials-of-the-cts-who-are-we-"
955                                                                                         tabindex="0"
956                                                                                         role="button"
957                                                                                         aria-expanded="false"
958                                                                                         aria-label="Who are we ?">
959                                                                                        <div class="mobile-menu__subsection-header">
960                                                                                            <span>Who are we ?</span>
961                                                                                            <img class="mobile-menu__mini-chevron"
962                                                                                                 src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_mini_chevron.svg"
963                                                                                                 alt=""
964                                                                                                 aria-hidden="true">
965                                                                                        </div>
966
967                                                                                        <div class="mobile-menu__sublinks"
968                                                                                             id="en-know-us-the-essentials-of-the-cts-who-are-we-">
969                                                                                            <a href="/en/know-us/the-essentials-of-the-cts/who-are-we-/our-story/"
970                                                                                                   class="mobile-menu__sublink">Our story</a>
971                                                                                            <a href="/en/know-us/the-essentials-of-the-cts/who-are-we-/our-key-figures/"
972                                                                                                   class="mobile-menu__sublink">Our key figures</a>
973                                                                                            </div>
974                                                                                    </div>
975                                                                                <a href="/en/know-us/the-essentials-of-the-cts/our-commitments/"
976                                                                                       class="mobile-menu__sublink">Our commitments</a>
977                                                                                </div>
978                                                                <div class="mobile-menu__section">
979                                                                        <div class="mobile-menu__section-header">
980                                                                            <sp
980an class="mobile-menu__section-title">Our network</span>
981                                                                        </div>
982
983                                                                        <a href="/en/know-us/our-network/tram-and-bus/"
984                                                                                       class="mobile-menu__sublink">Tram & bus</a>
985                                                                                <a href="/en/know-us/our-network/evening-and-night-lines/"
986                                                                                       class="mobile-menu__sublink">Evening and night</a>
987                                                                                <div class="mobile-menu__subsection"
988                                                                                         data-mobile-toggle="en-know-us-our-network-on-demand-transportation"
989                                                                                         tabindex="0"
990                                                                                         role="button"
991                                                                                         aria-expanded="false"
992                                                                                         aria-label="On-demand transportation">
993                                                                                        <div class="mobile-menu__subsection-header">
994                                                                                            <span>On-demand transportation</span>
995                                                                                            <img class="mobile-menu__mini-chevron"
996                                                                                                 src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_mini_chevron.svg"
997                                                                                                 alt=""
998                                                                                                 aria-hidden="true">
999                                                                                        </div>
1000
1001                                                                                        <div class="mobile-menu__sublinks"
1002                                                                                             id="en-know-us-our-network-on-demand-transportation">
1003                                                                                            <a href="/en/know-us/our-network/on-demand-transportation/flexhop/"
1004                                                                                                   class="mobile-menu__sublink">Flex'hop</a>
1005                                                                                            <a href="/en/know-us/our-network/on-demand-transportation/mobistras/"
1006                                                                                                   class="mobile-menu__sublink">Mobistras</a>
1007                                                                                            </div>
1008                                                                                    </div>
1009                                                                                <div class="mobile-menu__subsection"
1010                                                                                         data-mobile-toggle="en-know-us-our-network-parkings"
1011                                                                                         tabindex="0"
1012                                                                                         role="button"
1013                                                                                         aria-expanded="false"
1014                                                                                         aria-label="Parkings">
1015                                                                                        <div class="mobile-menu__subsection-header">
1016                                                                                            <sp
1016an>Parkings</span>
1017                                                                                            <img class="mobile-menu__mini-chevron"
1018                                                                                                 src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_mini_chevron.svg"
1019                                                                                                 alt=""
1020                                                                                                 aria-hidden="true">
1021                                                                                        </div>
1022
1023                                                                                        <div class="mobile-menu__sublinks"
1024                                                                                             id="en-know-us-our-network-parkings">
1025                                                                                            <a href="/en/know-us/our-network/parkings/Park-and-ride/"
1026                                                                                                   class="mobile-menu__sublink">Park and ride</a>
1027                                                                                            <a href="/en/know-us/our-network/parkings/Bike-parking/"
1028                                                                                                   class="mobile-menu__sublink">Bike parking</a>
1029                                                                                            </div>
1030                                                                                    </div>
1031                                                                                </div>
1032                                                                <div class="mobile-menu__section">
1033                                                                        <div class="mobile-menu__section-header">
1034                                                                            <span class="mobile-menu__section-title">Press area</span>
1035                                                                        </div>
1036
1037                                                                        <a href="/en/know-us/press-area/press-releases/"
1038                                                                                       class="mobile-menu__sublink">Press releases</a>
1039                                                                                <a href="/en/know-us/press-area/our-institutional-reports/"
1040                                                                                       class="mobile-menu__sublink">Our Institutional Reports</a>
1041                                                                                </div>
1042                                                                <div class="mobile-menu__section">
1043                                                                        <div class="mobile-menu__section-header">
1044                                                                            <span class="mobile-menu__section-title">Career area</span>
1045                                                                        </div>
1046
1047                                                                        <a href="/en/know-us/career-area/our-offers/"
1048                                                                                       class="mobile-menu__sublink">Our offers</a>
1049                                                                                <div class="mobile-menu__subsection"
1050                                                                                         data-mobile-toggle="en-know-us-career-area-our-professions"
1051                                                                                         tabindex="0"
1052                                                                                         role="button"
1053                                                                                         aria-expanded="false"
1054                                                                                         aria-label="Our professions">
1055                                                                                        <div class="mobile-menu__subsection-header">
1056                                                                                            <sp
1056an>Our professions</span>
1057                                                                                            <img class="mobile-menu__mini-chevron"
1058                                                                                                 src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_mini_chevron.svg"
1059                                                                                                 alt=""
1060                                                                                                 aria-hidden="true">
1061                                                                                        </div>
1062
1063                                                                                        <div class="mobile-menu__sublinks"
1064                                                                                             id="en-know-us-career-area-our-professions">
1065                                                                                            <a href="/en/know-us/career-area/our-professions/exploitation-jobs/"
1066                                                                                                   class="mobile-menu__sublink">Exploitation jobs</a>
1067                                                                                            <a href="/en/know-us/career-area/our-professions/maintenance-jobs/"
1068                                                                                                   class="mobile-menu__sublink">Maintenance jobs</a>
1069                                                                                            <a href="/en/know-us/career-area/our-professions/support-jobs/"
1070                                                                                                   class="mobile-menu__sublink">Support jobs</a>
1071                                                                                            </div>
1072                                                                                    </div>
1073                                                                                </div>
1074                                                                <div class="mobile-menu__section">
1075                                                                        <div class="mobile-menu__section-header">
1076                                                                            <span class="mobile-menu__section-title">Public procurement</span>
1077                                                                        </div>
1078
1079                                                                        <a href="/en/know-us/public-procurement/spaser/"
1080                                                                                       class="mobile-menu__sublink">SPASER</a>
1081                                                                                <a href="/en/know-us/public-procurement/our-calls-for-tenders/"
1082                                                                                       class="mobile-menu__sublink">Our calls for tenders</a>
1083                                                                                </div>
1084                                                                </div>
1085                                                </div>
1086                                            <a href="/en/all-news/"
1087                                                   class="mobile-menu__item mobile-menu__item--">
1088                                                    <span class="mobile-menu__text">News</span>
1089                                                </a>
1090                                            <div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
1091                                                     data-mobile-toggle="en-faq"
1092                                                     tabindex="0"
1093                                                     role="button"
1094                                                     aria-expanded="false"
1095                                                     aria-label="FAQ">
1096                                                    <div class="mobile-menu__header">
1097                                                        <span class="mobile-menu__text">FAQ</span>
1098                                                    <img class="mobile-menu__chevron"
1099                                                         src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
1100                                                         alt=""
1101                                                         aria-hidden="true">
1102                                                    </div>
1103                                                    <div class="mobile-menu__submenu" id="en-faq">
1104
1105                                                        <a href="/en/faq/faq-redirect"
1106                                                                       class="mobile-menu__sublink">FAQ-Redirect</a>
1107                                                                <a href="/en/faq/details-faq/"
1108                                                                       class="mobile-menu__sublink">details-faq</a>
1109                                                                <a href="/en/faq/badgeo-card-and-contactless-ticket/"
1110                                                                       class="mobile-menu__sublink">Badgéo card and contactless ticket</a>
1111                                                                <a href="/en/faq/subscriptions/"
1112                                                                       class="mobile-menu__sublink">Subscriptions</a>
1113                                                                <a href="/en/faq/combining-several-modes-of-transport/"
1114                                                                       class="mobile-menu__sublink">Combining several modes of transport</a>
1115                                                                <a href="/en/faq/online-agency/"
1116                                                                       class="mobile-menu__sublink">Online agency</a>
1117                                                                <a href="/en/faq/cts-services/"
1118                                                                       class="mobile-menu__sublink">CTS services</a>
1119                                                                <a href="/en/faq/generalities/"
1120                                                                       class="mobile-menu__sublink">Generalities</a>
1121                                                                <a href="/en/faq/travel-legally/"
1122                                                                       class="mobile-menu__sublink">Travel legally</a>
1123                                                                <a href="/en/faq/professionals-and-educational-institutions/"
1124                                                                       class="mobile-menu__sublink">Professionals and educational institutions</a>
1125                                                                <a href="/en/faq/mobile-application/"
1126                                                                       class="mobile-menu__sublink">Mobile application</a>
1127                                                                </div>
1128                                                </div>
1129                                            <div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
1130                                                     data-mobile-toggle="en-my-cts"
1131                                                     tabindex="0"
1132                                                     role="button"
1133                                                     aria-expanded="false"
1134                                                     aria-label="My CTS">
1135                                                    <div class="mobile-menu__header">
1136                                                        <span class="mobile-menu__text">My CTS</span>
1137                                                    <img class="mobile-menu__chevron"
1138                                                         src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
1139                                                         alt=""
1140                                                         aria-hidden="true">
1141                                                    </div>
1142                                                    <div class="mobile-menu__submenu" id="en-my-cts">
1143
1144                                                        <div class="mobile-menu__section">
1145                                                                        <div class="mobile-menu__section-header">
1146                                                                            <sp
1146an class="mobile-menu__section-title">Account creation</span>
1147                                                                        </div>
1148
1149                                                                        <a href="/en/my-cts/account-creation/account-created/"
1150                                                                                       class="mobile-menu__sublink">Account created</a>
1151                                                                                </div>
1152                                                                <div class="mobile-menu__section">
1153                                                                        <div class="mobile-menu__section-header">
1154                                                                            <span class="mobile-menu__section-title">Home</span>
1155                                                                        </div>
1156
1157                                                                        <a href="/en/my-cts/home/ter-token/"
1158                                                                                       class="mobile-menu__sublink">TER Token</a>
1159                                                                                <a href="/en/my-cts/home/apply-free-subscription/"
1160                                                                                       class="mobile-menu__sublink">Apply Free Subscription</a>
1161                                                                                </div>
1162                                                                <div class="mobile-menu__section">
1163                                                                        <div class="mobile-menu__section-header">
1164                                                                            <span class="mobile-menu__section-title">My Badgéo</span>
1165                                                                        </div>
1166
1167                                                                        <a href="/en/my-cts/my-badgeo/badgeo-on-mobile/"
1168                                                                                       class="mobile-menu__sublink">Badgéo on mobile</a>
1169                                                                                <a href="/en/my-cts/my-badgeo/set-up-direct-debit/"
1170                                                                                       class="mobile-menu__sublink">Set up a direct debit</a>
1171                                                                                <a href="/en/my-cts/my-badgeo/renew-eligibility-reduced-fare/"
1172                                                                                       class="mobile-menu__sublink">Renew eligibility for reduced fare</a>
1173                                                                                <a href="/en/my-cts/my-badgeo/order-badgeo-duplicate/"
1174                                                                                       class="mobile-menu__sublink">Order a duplicate Badgéo card</a>
1175                                                                                <a href="/en/my-cts/my-badgeo/link-badgeo/"
1176                                                                                       class="mobile-menu__sublink">Link a Badgéo card to my account</a>
1177                                                                                <a href="/en/my-cts/my-badgeo/order-badgeo/"
1178                                                                                       class="mobile-menu__sublink">Order a Badgéo card</a>
1179                                                                                <a href="/en/my-cts/my-badgeo/manage-badgeo-access/"
1180                                                                                       class="mobile-menu__sublink">Manage my Badgéo access</a>
1181                                                                                <a href="/en/my-cts/my-badgeo/reload-badgeo/"
1182                                                                                       class="mobile-menu__sublink">Reload my Badgéo card</a>
1183                                                                                </div>
1184                                                                <a href="/en/my-cts/my-payments/"
1185                                                                       class="mobile-menu__sublink">My payments</a>
1186                                                                <a href="/en/my-cts/my-profile/"
1187                                                                       class="mobile-menu__sublink">My profile</a>
1188                                                                </div>
1189                                                </div>
1190                                            <div class="mobile-menu__item mobile-menu__item-- mobile-menu__item--expandable"
1191                                                     data-mobile-toggle="en-contact"
1192                                                     tabindex="0"
1193                                                     role="button"
1194                                                     aria-expanded="false"
1195                                                     aria-label="Contact">
1196                                                    <div class="mobile-menu__header">
1197                                                        <span class="mobile-menu__text">Contact</span>
1198                                                    <img class="mobile-menu__chevron"
1199                                                         src="/export/system/modules/eu.cts.module.header/resources/images/dropdown_chevron_mobile.svg"
1200                                                         alt=""
1201                                                         aria-hidden="true">
1202                                                    </div>
1203                                                    <div class="mobile-menu__submenu" id="en-contact">
1204
1205                                                        <a href="/en/contact/contact-us/"
1206                                                                       class="mobile-menu__sublink">Contact us</a>
1207                                                                <a href="/en/contact/contact-form/"
1208                                                                       class="mobile-menu__sublink">Contact</a>
1209                                                                <a href="/en/contact/complaint/"
1210                                                                       class="mobile-menu__sublink">File a complaint</a>
1211                                                                <a href="/en/contact/terminations/"
1212                                                                       class="mobile-menu__sublink">Cancel a subscription</a>
1213                                                                <a href="/en/contact/contest-pv/"
1214                                                                       class="mobile-menu__sublink">Contesting a police report</a>
1215                                                                <a href="/en/contact/refunds/"
1216                                                                       class="mobile-menu__sublink">Request a refund</a>
1217                                                                <a href="/en/contact/pro-area/"
1218                                                                       class="mobile-menu__sublink">Pro area</a>
1219                                                                <a href="/en/contact/school-outings/"
1220                                                                       class="mobile-menu__sublink">School outings</a>
1221                                                                <a href="/en/contact/report-obstacles/"
1222                                                                       class="mobile-menu__sublink">Report an obstacle PRM</a>
1223                                                                <a href="/en/contact/lost-object/"
1224                                                                       class="mobile-menu__sublink">lost-object</a>
1225                                                                </div>
1226                                                </div>
1227                                            </div>
1228
1229                                <div class="top-nav-mobile">
1230                                    <a href="/en/all-news/" class="top-nav__link">News</a>
1231                                    <a href="/en/frequently-asked-questions/" class="top-nav__link">FAQ</a>
1232                                    <a href="/en/contact/contact-us/" class="top-nav__link">Contact Us</a>
1233                                </div>
1234
1235                            </nav>
1236                        </header>
1237
1238                        
1238<script language="JavaScript">
1239                            window.headerparams = {
1240                                labels: {
1241                                    showless: "See less",
1242                                    showmore: "See more",
1243                                    learnmore: "Learn more"
1244                                }
1245                            };
1246                        </script>
1246
1247                        
1247<script src="/export/system/modules/eu.cts.module.theme/resources/js/header/header.js_146615890.js"></script>
1247
1248                        
1248<script src="/export/system/modules/eu.cts.module.theme/resources/js/header/alerte-traffic-custom.js_1781473468.js"></script>
1248
1249                        
1249<script src="/export/system/modules/eu.cts.module.theme/resources/js/header/language-selector.js_146615890.js"></script>
1249
1250
1251                        </div>
1252            </div>
1253
1254
1255<div class="area-content area-wide area-full-row" ></div>
1256
1257<main class="area-content area-one-row">
1258<div class="container area-wide" >
1259<div class="row justify-content-lg-center form-header">
1260<div class="col-lg-12 col-xl-12" >
1261<div class="element type-nav-breadcrumbs">
1262<ul class="nav-breadcrumbs">
1263<li><a href="/en/mobile-app/">CTS - EN</a></li>
1264<li><a href="/en/my-cts/account-creation/">My CTS</a></li>
1265<li><a href="/en/my-cts/account-creation/">Account creation</a></li>
1266</ul>
1267<script type="application/ld+json">{"itemListElement":[{"item":{"name":"CTS - EN","@id":"https://www.cts-strasbourg.eu/en/mobile-app/"},"@type":"ListItem","position":1},{"item":{"name":"My CTS","@id":"https://www.cts-strasbourg.eu/en/my-cts/account-creation/"},"@type":"ListItem","position":2},{"item":{"name":"Account creation","@id":"https://www.cts-strasbourg.eu/en/my-cts/account-creation/"},"@type":"ListItem","position":3}],"@type":"BreadcrumbList","@context":"http://schema.org"}</script>
1267
1268</div>
1269</div></div>
1270</div>
1271</main>
1272
1273<main class="area-content area-one-row">
1274<div class="container area-wide" >
1275<div class="row justify-content-lg-center">
1276<div class="col-lg-12 col-xl-12" ><div>
1277    <div class="form-container large">
1278
1279                
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289    
1290
1291    
1292        
1293            <h1 class="form-title">Account creation</h1>
1294            <div class="form-wrapper large">
1295                <div class="form-description text-center">Create your CTS account to access all our online services.</div>
1296                <form id="creation-compte-form" class="form-column" method="POST"
1297                      action="javascript:void(0);">
1298                    <!-- Champs caches pour l'application mobile Flutter -->
1299                    <input type="hidden" id="calypsoId" name="calypsoId" value=""/>
1300                    <input type="hidden" id="graphicalId" name="graphicalId" value=""/>
1301                    <input type="hidden" id="numero_graphique" name="numero_graphique" value=""/>
1302                    <input type="hidden" id="mobileIdentifier" name="mobileIdentifier" value=""/>
1303                    <input type="hidden" id="mustCheckGraphicalId" name="mustCheckGraphicalId" value="false"/>
1304                    <input type="hidden" id="ignore" name="ignore" value=""/>
1305
1306                    <div class="form-row">
1307                        <fieldset class="fieldset-group form-column small-gap">
1308                            <legend class="form-label">
1309                                Title
1310                            </legend>
1311                            <div class="radio-wrapper form-row small-gap">
1312                                <label class="radio-label form-row xsmall-gap vertical-align-center">
1313                                    <input class="radio-input" name="title" value="mr" id="contactForm-gender-m" type="radio" checked="checked"/>
1314                                    <span class="radio-text">Mr.</span>
1315                                </label>
1316                                <label class="radio-label form-row xsmall-gap vertical-align-center">
1317                                    <input class="radio-input" name="title" value="mrs" id="contactForm-gender-mme" type="radio"/>
1318                                    <span class="radio-text">Mrs.</span>
1319                                </label>
1320                                <label class="radio-label form-row xsmall-gap vertical-align-center">
1321                                    <input class="radio-input" name="title" value="compagny" id="contactForm-gender-company" type="radio"/>
1322                                    <span class="radio-text">Company</span>
1323                                </label>
1324                            </div>
1325                        </fieldset>
1326
1327                        <div class="form-column small-gap">
1328                            <label for="lastname" class="form-label">
1329                                Last name
1330                                <span class="required">*</span>
1331                            </label>
1332                            <input name="lastname" id="lastname" type="text" maxlength="255"
1333                                   class="form-control" value="" required="" autocomplete="family-name"/>
1334                        </div>
1335
1336                        <div class="form-column small-gap">
1337                            <label for="forname" class="form-label">
1338                                First name
1339                                <span class="required">*</span>
1340                            </label>
1341                            <input name="firstname" id="forname" type="text" maxlength="255"
1342                                   class="form-control" value="" required="" autocomplete="given-name"/>
1343                        </div>
1344                        <div class="form-column small-gap">
1345                            <label for="dateNaissance" class="form-label">
1346                                Date of birth
1347                                <span class="required">*</span>
1348                            </label>
1349                            <input name="birthDate" id="dateNaissance" type="text"
1350                                   maxlength="255"
1351                                   class="form-control"
1352                                   placeholder="dd/mm/yyyy"
1353                                   value="" required="" autocomplete="bday"/>
1354                        </div>
1355                    </div>
1356
1357
1358                    <div class="form-row">
1359                        <div class="form-column small-gap" style="display:none"></div>
1360                        <div class="form-column small-gap">
1361                            <label for="email" class="form-label">
1362                                E-mail address
1363                                <span class="required">*</span>
1364                            </label>
1365                            <input name="email" id="email" type="email" maxlength="255"
1366                                   class="form-control"
1367                                   value="" required="" autocomplete="email"/>
1368                        </div>
1369
1370                        <div class="form-column small-gap">
1371                            <label for="emailConfirm" class="form-label">E-mail address (confirmation)
1372                                <span class="required">*</span>
1373                            </label>
1374                            <input name="emailConfirmation" id="emailConfirm" type="email"
1375                                   maxlength="255"
1376                                   autocomplete="off" class="form-control" value=""
1377                                   required="" autocomplete="off"/>
1378                        </div>
1379                    </div>
1380
1381                    <div class="form-row">
1382                        <div class="form-column small-gap" style="display:none"></div>
1383                        <div class="form-column small-gap">
1384                            <label for="password" class="form-label">
1385                                Your password
1386                                <span class="required">*</span>
1387                            </label>
1388                            <input name="clearPassword" id="password" type="password"
1389                                   maxlength="30"
1390                                   class="form-control" value="" required="" autocomplete="new-password"/>
1391                        </div>
1392
1393                        <div class="form-column small-gap">
1394                            <label for="passwordConfirm" class="form-label">
1395                                Confirmation of your Password
1396                                <span class="required">*</span>
1397                            </label>
1398                            <input name="passwordConfirmation" id="passwordConfirm"
1399                                   type="password"
1400                                   maxlength="30"
1401                                   autocomplete="off" class="form-control" value=""
1402                                   required="" autocomplete="new-password"/>
1403                        </div>
1404                    </div>
1405
1406                    <div class="required-content">
1407                        <p>
1408                            <span class="required">*</span>
1409                            Mandatory fields
1410                        </p>
1411                    </div>
1412
1413                    <div class="form-column small-gap form-data">
1414                        <fieldset class="fieldset-group checkbox-wrapper form-column small-gap form-value">
1415                            <legend class="form-label">Consents</legend>
1416
1417                            <div class="form-row small-gap check-box-wrapper">
1418                                <input name="allowSolicitation" value="allowSolicitation"
1419                                       type="checkbox"
1420                                       class="checkbox-input" id="allowSolicitation"/>
1421                                <label for="allowSolicitation"
1422                                       class="checkbox-label"><p>I agree to receive information concerning, in particular, CTS commercial offers or disruptions to the bus/tram network.</p></label>
1423                            </div>
1424                            <div class="form-row small-gap check-box-wrapper">
1425                                <input name="privacyPolicy" value="privacyPolicy"
1426                                       type="checkbox"
1427                                       required=""
1428                                       class="checkbox-input" id="privacyPolicy"/>
1429                                <label for="privacyPolicy"
1430                                       class="checkbox-label"><p>I have read, understood, and agree to the terms of <a href="/en/legal-notices/" target="_blank" rel="noopener">the CTS privacy policy</a></p></label>
1431                            </div>
1432                            <div class="form-row small-gap check-box-wrapper">
1433                                <input name="agreeWithCGUandCGV" value="agreeWithCGUandCGV"
1434                                       type="checkbox"
1435                                       required="" class="checkbox-input"
1436                                       id="agreeWithCGUandCGV"/>
1437                                <label for="agreeWithCGUandCGV" class="checkbox-label">
1438                                        <p>I have read, understood, and agree to the terms of&nbsp;<a href="/en/gcsu/" target="_blank" rel="noopener">CTS General Conditions of Sale and Use</a></p>
1439                                </label>
1440                            </div>
1441
1442                        </fieldset>
1443                    </div>
1444                    <!-- Captcha -->
1445                    <div class="center full-width">
1446                        <div id="captcha-section" class="bg-light p-4 rounded mb-4">
1447                            <label class="form-label" for="userCaptchaCode">
1448                                Security code<span
1449                                    class="required">*</span>
1450                            </label>
1451                            <p class="small text-muted mb-3">
1452                                To display a new code or listen to the code, use the buttons on the right of the image.
1453                            </p>
1454
1455                            <!-- Utilisation du composant captchetat (comme dans le module contact) -->
1456                            <!-- Le contenu est généré dynamiquement par captchetat-js.js -->
1457                            <div id="captchetat" captchastylename="captchaFR"
1458                                 urlbackend="/system/modules/eu.cts.module.core/actions/getCaptcha.jsp">
1459                            </div>
1460
1461                            <label class="form-label mt-3" for="userCaptchaCode">
1462                                Copy the security code
1463                            </label>
1464                            <input type="text" id="userCaptchaCode"
1465                                   name="userEnteredCaptchaCode"
1466                                   class="form-control" style="max-width: 300px;" required=""
1467                                   aria-describedby="captchaError"/>
1468                            <span id="captchaError" class="error" style="display:none">Wrong security code !</span>
1469                        </div>
1470                    </div>
1471                    <!-- Zone d'alertes globales -->
1472                    <div id="form-alerts"></div>
1473                    <div class="form-buttons right">
1474                        <a id="accountReturnBtn" href="javascript:history.go(-1);"
1475                           class="form-back-button"
1476                           title="Back">
1477                            Back
1478                        </a>
1479                        <button id="submitBtn" class="send-button" type="submit"
1480                                title="Sign up">
1481                                Sign up
1482                        </button>
1483                    </div>
1484
1485                    <div id="dejaUnCompte" class="text-center" style="margin-top: 20px;">
1486                        <p class="mb-0">
1487                            <p>Already have an account?&nbsp;<a class="text-danger fw-bold" style="color: #c41e3a;" href="/en/connection/">Log in</a></p>
1488                        </p>
1489                    </div>
1490                </form>
1491            </div>
1492
1493
1494            
1494<script language="javascript" type="module" defer>
1495                window.creationCompteParam = {
1496                    importPaths: {
1497                        customJs: "/export/system/modules/eu.cts.module.theme/resources/js/custom.js",
1498                    },
1499                    urls: {
1500                        creationCompteOk: "\/en\/my-cts\/account-creation\/account-created\/",
1501                        prefillDataFromApp: "/system/modules/eu.cts.module.creation_compte/actions/prefillDataFromApp.jsp",
1502                        checkEmailAvailability: "/system/modules/eu.cts.module.creation_compte/actions/checkEmailAvailability.jsp",
1503                        sendActivationKey: "/system/modules/eu.cts.module.creation_compte/actions/resendActivationKey.jsp",
1504                        connectionUrl: "\/fr\/connexion\/",
1505                    },
1506                    locale: "en",
1507                    labels: {
1508                        captchaErrorMessage: "The security code is incorrect",
1509                        erreursDeSaisieMessage: "The form contains errors.",
1510                        erreurGeneriqueMessage: "An error occurred while creating your account. Please check your information and try again. If the problem persists, contact customer service.",
1511                        noEmailSpecifiedMessage: "Please enter your email address",
1512                        emailDejaUtiliseMessage: "Email already in use!",
1513                        compteClientDejaExistantMessage: "Customer account already exists!",
1514                        creationCompteOkMessage: "<p>Votre compte a été créé avec succès ! <br \/>Un email de confirmation vous a été envoyé.<\/p>",
1515                        boutonSinscrireLAbel: "Sign up",
1516                        civiliteObligatoire: "Please select a title",
1517                        prenomObligatoire: "Please enter your first name",
1518                        nomObligatoire: "Please enter your name",
1519                        dateNaissanceObligatoire: "Please enter your date of birth",
1520                        emailObligatoire: "Please enter your email address",
1521                        emailPasIdentiques: "Email addresses do not match",
1522                        confidentialiteObligatoire: "You must accept the privacy policy.",
1523                        cguObligatoire: "You must accept the Terms and Conditions of Use.",
1524                        captchaObligatoire: "Please enter the security code",
1525                        mdpAuMoins10Caracters: "The password must contain at least 10 characters.",
1526                        mdpPasIdentiques: "Passwords do not match",
1527                        // Labels pour l'application mobile
1528                        prefillError: "???cts.creationcompte.prefill.error???",
1529                        errorTitle: "Error",
1530                        errorConfirm: "Back",
1531                        // Labels pour le dialogue compte client existant
1532                        alreadyCustomerTitle: "Customer account already exists",
1533                        alreadyCustomerText1: "An account in your name already exists for this email address",
1534                        alreadyCustomerText2: "We invite you to connect with this account or to use the forgot your password function if you cannot remember your password.",
1535                        alreadyCustomerLogin: "Connect with my existing account",
1536                        alreadyCustomerIgnore: "Create a new account",
1537                    }
1538                };
1539
1540                // Alias pour compatibilite avec l'ancien code et le formatter
1541                window.creationCompteParams = window.creationCompteParam;
1542            </script>
1542
1543
1544            <!-- Script de création de compte -->
1545            
1545<script src="/export/system/modules/eu.cts.module.theme/resources/js/creation-compte/creation-compte.js_1781473468.js" defer></script>
1545
1546
1547
1548        
1549    
1550
1551</div>
1552        <!-- ========== MODULE CREATION COMPTE - FIN ========== -->
1553
1554    </div>
1555</div></div>
1556</div>
1557</main>
1558
1559
1560<div class="area-content area-wide area-full-row footer-container" >
1561<div class="element type-flexible pivot">
1562<!DOCTYPE html>
1563<html lang="en">
1564<body>
1565<footer class="footer">
1566    <section class="footer-info">
1567        <div class="footer-info-content">
1568            <img
1569                    src="/.galleries/Ressources-graphiques-CTS/Logo_Compagnie_des_transports_strasbourgeois.svg.png_243899965.png"
1570                    alt="Logo CTS"
1571                    class="footer-logo"
1572            />
1573            <p class="footer-description">
1574                operator of the public transportation network of
1575            </p>
1576            <img
1577                    src="/.galleries/CTS-Icones/logo-ems.jpg"
1578                    alt="Logo EMS"
1579                    class="footer-logo-ems"
1580            />
1581        </div>
1582        <p class="footer-copyright">© 2026 - CTS</p>
1583    </section>
1584
1585    <nav class="footer-nav">
1586        <a href="/en/contact" class="footer-nav-link">Contact</a>
1587        <a href="/en/open-data" class="footer-nav-link">Open Data</a>
1588        <a href="/en/legal-notices" class="footer-nav-link">Legal Notices</a>
1589        <a href="/en/gcsu" class="footer-nav-link">GCSU</a>
1590        <a href="/en/cookies-policy/" class="footer-nav-link">Cookies Policy</a>
1591        <a href="/en/sitemap" class="footer-nav-link">Sitemap</a>
1592    </nav>
1593
1594    <div class="footer-cards">
1595        <section class="app-card">
1596            <img
1597                    src="/.galleries/Ressources-graphiques-CTS/image-application-cts.png"
1598                    alt="Application mobile CTS"
1599                    class="app-image"
1600            />
1601            <div class="app-content">
1602                <div class="app-text">
1603                    <h2 class="app-title">Download our app!</h2>
1604                    <p class="app-description">
1605                    <span
1606                    >Plan your journeys, get information, buy and validate your tickets,</span
1607                    >
1608                        <br/>
1609                        <span class="app-description-bold">directly from your smartphone!</span>
1610                        <span>!</span>
1611                    </p>
1612                </div>
1613                <div class="app-stores">
1614                    <a href="https://play.google.com/store/apps/details?id=fr.cts.strasbourg.ugo&hl=fr" target="_blank"
1615                       class="store-link">
1616                        <img
1617                                src="/.galleries/Ressources-graphiques-CTS/disponible-google-play.png"
1618                                alt="Télécharger sur Google Play"
1619                                class="store-badge"
1620                        />
1621                    </a>
1622                    <a href="https://apps.apple.com/fr/app/cts-transports-strasbourg/id1241895758" target="_blank"
1623                       class="store-link">
1624                        <img
1625                                src="/.galleries/Ressources-graphiques-CTS/disponible-apple-store.png"
1626                                alt="Télécharger sur l'App Store"
1627                                class="store-badge"
1628                        />
1629                    </a>
1630                </div>
1631            </div>
1632        </section>
1633
1634        <section class="social-card">
1635            <img
1636                    src="/.galleries/Ressources-graphiques-CTS/bus.png"
1637                    alt="Icône transport"
1638                    class="social-icon-image"
1639            />
1640            <h3 class="social-title">News, traffic, new features...</h3>
1641            <p class="social-description">
1642                <span>We're on</span>
1643                <br/>
1644                <span class="social-description-bold">social media!</span>
1645                <span>!</span>
1646            </p>
1647            <div class="social-icons">
1648                <a href="https://www.facebook.com/CtsStrasbourg/?locale=fr_FR" target="_blank" class="social-link"
1649                   aria-label="Follow us on Facebook">
1650                    <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
1651                        <rect width="33" height="33" rx="16.5" fill="#353A3D"/>
1652                        <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"/>
1653                    </svg>
1654                </a>
1655                <a href="https://www.instagram.com/ctsstrasbourg" target="_blank" class="social-link"
1656                   aria-label="Follow us on Instagram">
1657                    <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
1658                        <rect width="33" height="33" rx="16.5" fill="#353A3D"/>
1659                        <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.714
16596 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"/>
1660                    </svg>
1661                </a>
1662                <a href="https://fr.linkedin.com/company/compagnie-des-transports-strasbourgeois" target="_blank"
1663                   class="social-link"
1664                   aria-label="Follow us on Linkedin">
1665                    <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
1666                        <rect width="33" height="33" rx="16.5" fill="#353A3D"/>
1667                        <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"/>
1668                    </svg>
1669                </a>
1670
1671            </div>
1672        </section>
1673    </div>
1674</footer>
1675</body>
1676</html></div>
1677</div>
1678</div>
1679</main>
1680<div id="template-info" data-info='{"iconConfig":"L2V4cG9ydC9zeXN0ZW0vbW9kdWxlcy9hbGthY29uLm1lcmN1cnkudGhlbWUvaWNvbnMvZmEvYXQuc3Zn","fullIcons":"L2V4cG9ydC9zeXN0ZW0vbW9kdWxlcy9hbGthY29uLm1lcmN1cnkudGhlbWUvY3NzL2F3ZXNvbWUtZnVsbC5taW4uY3NzXzU2NTg3NDk5OC5jc3M=","editMode":"false","project":"online","context":"/","locale":"en"}'>
1681<div id="template-grid-info"></div></div>
1682<div id="myTopControl" tabindex="0"></div>
1683
1684<script>
1685    document.addEventListener("DOMContentLoaded", function() {
1686        const btn = document.getElementById("myTopControl");
1687
1688        if (!btn) return;
1689
1690        window.addEventListener("scroll", function() {
1691            if (window.scrollY > 300) {
1692                btn.style.display = "block";
1693            } else {
1694                btn.style.display = "none";
1695            }
1696        });
1697
1698        btn.addEventListener("click", function() {
1699            window.scrollTo({ top: 0, behavior: "smooth" });
1700        });
1701    });
1702</script>
1702
1703<div id="privacy-policy-placeholder"></div><div id="privacy-policy-banner" class="pp-banner" data-banner='{"root":"L3NpdGVzL2RlZmF1bHQ=","page":"L2VuL215LWN0cy9hY2NvdW50LWNyZWF0aW9uL2luZGV4Lmh0bWw=","policy":"Ly5jb250ZW50L3ByaXZhY3ktcG9saWN5LnhtbA=="}'></div>
1704<noscript><div id="privacy-policy-banner-noscript" class="pp-banner"><div class=banner><div class="container"><div class="message">JavaSript is disabled!</div></div></div></div></noscript>
1705<div class="ctsmodal micromodal-slide" id="ctsmodal-1" aria-hidden="true">
1706                                    <div class="ctsmodal__overlay" tabindex="-1" data-micromodal-close>
1707                                        <div class="ctsmodal__container" role="dialog" aria-modal="true"
1708                                             aria-labelledby="ctsmodal-1-title">
1709                                            <header class="ctsmodal__header">
1710                                                <h2 class="ctsmodal__title" id="ctsmodal-1-title">
1711                                                </h2>
1712                                                <button class="ctsmodal__close" aria-label="Close modal"
1713                                                        data-micromodal-close></button>
1714                                            </header>
1715                                            <div class="ctsmodal__content" id="ctsmodal-1-content">
1716                                            </div>
1717                                            <footer class="ctsmodal__footer" id="ctsmodal-1-footer">
1718                                                    </footer>
1719                                        </div>
1720                                    </div>
1721                                </div>
1722                            </body>
1723                </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.