Touring Belgium Go

Image
Media Name: go.jpg
/* ========================================================================== #GLOBAL SETTINGS ========================================================================== */ /* Global Colors ========================================================================== */ /* Global Typography ========================================================================== */ /* Global Spacing ========================================================================== */ /* Breakpoints ========================================================================== */ /** * * CSS transitions and transform mixins * */ /** * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* ========================================================================== #RESET ========================================================================== */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; } html, button, input, select, textarea { font-family: inherit; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } body, form, fieldset, legend, input, select, textarea, button { margin: 0; } audio:not([controls]) { display: none; height: 0; } audio, canvas, progress, video { display: inline-block; } progress { vertical-align: baseline; } [hidden], template { display: none; } img { border-style: none; } svg:not(:root) { overflow: hidden; } /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 3em; margin: 0.67em 0; } #hero_wrapper{ min-height: 225px; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* ========================================================================== #BOX-SIZING ========================================================================== */ /** * More sensible default box-sizing: * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } .touring-go-title { font-size: 25px; } @media only screen and (min-width: 740px) { .touring-go-title { font-size: 35px; } } .touring-list-card { background: white; border: solid 1px rgba(0, 0, 0, 0.15); padding: 1.2vw; width: 90%; margin: 10px auto; } @media only screen and (min-width: 740px) { .touring-list-card { margin: 10px 10px; width: 560px; } .touring-list-card.touring-list-card--small { width: 280px; margin: 8px 0; } } .touring-list-card h3 { margin: 0 0 15px; font-weight: bold; } .touring-list-card ul { margin-right: 12px; } .touring-list-card ul span.small { display: block; font-size: 15px; line-height: 18px; } .touring-list-card ul.touring-list-pro { list-style-image: url(https://www.touring.be/sites/all/themes/adaptivetheme/at_core/tbwa_tmp/check.svg); } .touring-list-card ul.touring-list-con { opacity: .5; list-style-image: url(https://www.touring.be/sites/all/themes/adaptivetheme/at_core/tbwa_tmp/cross.svg); } .touring-go-button { font-size: 18px; display: inline-block; border: solid 2px #00418c; padding: 10px; border-radius: 5px; width: 100%; margin-top: 10px; -webkit-transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out; } .touring-go-button:hover { background: #00418c; color: white; text-decoration: none; } .best .touring-go-button { background: #00418c; color: white; } .best .touring-go-button:hover { border-color: #f9ed34; background: #f9ed34; color: #00418c; } .free-tag > div { background: url("https://www.touring.be/sites/all/themes/adaptivetheme/at_core/tbwa_tmp/free-fr.svg") 100% center no-repeat; background-size: 45px 45px; padding-right: 55px; } body.lang-nl .free-tag > div { background: url("https://www.touring.be/sites/all/themes/adaptivetheme/at_core/tbwa_tmp/free-nl.svg") 100% center no-repeat; background-size: 45px 45px; } .touringgo_table { display: none; } @media only screen and (min-width: 740px) { .touringgo_table { display: block; } } .touring-go-table .most-pop { position: absolute; border: solid 2px #00418c; font-size: 14px!important; top: -34px; border-radius: 5px; padding-top: 5px; padding-bottom: 20px; width: 100%; margin: 0; left: 0; right: 0; } .touring-go-table table { width: 100%; height: 100%; min-width: 650px; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; margin-top: 50px; text-align: left; } .touring-go-table table p { margin: 10px 0; } .touring-go-table table thead td, .touring-go-table table thead th, .touring-go-table table tbody td, .touring-go-table table tbody th { padding: 0; border-bottom: 1px solid #e9e9e9; } .touring-go-table table th, .touring-go-table table tfoot td { font-size: 25px; font-weight: bold; } .touring-go-table table th p.strike, .touring-go-table table tfoot td p.strike { font-size: 16px; display: block; position: relative; } .touring-go-table table th p.strike:before, .touring-go-table table tfoot td p.strike:before { position: absolute; content: ''; width: 120%; height: 2px; background: #00418c; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .touring-go-table table th.best div, .touring-go-table table tfoot td.best div { background: #00418c !important; color: white !important; } .touring-go-table table th.best div p.strike:before, .touring-go-table table tfoot td.best div p.strike:before { background: white; } .touring-go-table table th, .touring-go-table table td { text-align: center; } .touring-go-table table th > div, .touring-go-table table td > div { width: 95%; margin: auto; } .touring-go-table table th > div > div, .touring-go-table table td > div > div { padding: 10px; } .touring-go-table table th span, .touring-go-table table td span { display: block; margin: auto; font-weight: normal; font-size: 15px; } .touring-go-table table td:first-child { text-align: left; width: 35%; } .touring-go-table table td:first-child span { line-height: 20px; padding-left: 14px; } .touring-go-table table td.best div, .touring-go-table table tfoot td.best div { background: #dce3ea !important; } .touring-go-table table tfoot td.best div { color: #00418c !important; } .touring-go-table table tr td:not(:first-child), .touring-go-table table tr th:not(:first-child) { height: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .touring-go-table table tr td:not(:first-child), .touring-go-table table tr th:not(:first-child) { height: 20px; } } .touring-go-table table tr td:not(:first-child) > div, .touring-go-table table tr th:not(:first-child) > div { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); border-left: solid 5px white; border-right: solid 5px white; } .touring-go-table table tr td:not(:first-child):last-child div, .touring-go-table table tr th:not(:first-child):last-child div { border-right: 0; } .touring-go-table table tr th:not(:first-child) > div { border-top-left-radius: 12px; border-top-right-radius: 12px; } .touring-go-table table tfoot td:not(:first-child) > div { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .touringgo_table_mobile { display: block; } @media only screen and (min-width: 740px) { .touringgo_table_mobile { display: none; } } .touring-go-toggle-item .touring-go-toggle-item--content { max-height: 0; overflow: hidden; -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; } .touring-go-toggle-item.open .touring-go-toggle-item--content { max-height: 1200px; } #article_content_wrapper p{ font-size: 15px; margin: 1em 0; line-height: 1.4; } #article_content_wrapper p.most-pop{ margin: 0; } .touring-go-toggle-item--holder { width: 90%; margin: auto; padding: 20px 0; } .touring-go-toggle-item--holder .touring-go-toggle-item { -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .touring-go-toggle-item--holder .touring-go-toggle-item:last-child .touring-go-toggle-item--head { border-bottom: solid 1px rgba(0, 0, 0, 0.4); } .touring-go-toggle-item--holder .touring-go-toggle-item span.touring-go-toggle-item--icon { width: 40px; height: 40px; background: red; margin-right: 10px; background: url("/sites/all/themes/adaptivetheme/at_core/css/images/accordion-plus.png") left center/85% no-repeat; } .touring-go-toggle-item--holder .touring-go-toggle-item--head { display: flex; justify-content: space-between; align-items: center; border-top: solid 1px rgba(0, 0, 0, 0.4); cursor: pointer; } .touring-go-toggle-item--holder .touring-go-toggle-item--head > p { pointer-events: none; padding: 0 5px; width: 50%; line-height: 110%; } .touring-go-toggle-item--holder .touring-go-toggle-item--head > p span.small { display: block; font-size: 13px; line-height: 100%; margin-top: 10px; } .touring-go-toggle-item--holder .touring-go-toggle-item--head > p span.strike { display: block; text-decoration: line-through; } .touring-go-toggle-item--holder .touring-go-toggle-item--head > p:last-child { text-align: right; } .touring-go-toggle-item--holder .touring-go-toggle-item.open { background: rgba(0, 0, 0, 0.05); } .touring-go-toggle-item--holder .touring-go-toggle-item.open .touring-go-toggle-item--head { border-bottom: solid 1px rgba(0, 0, 0, 0.4); } .touring-go-toggle-item--holder .touring-go-toggle-item.open span.touring-go-toggle-item--icon { background: url("/sites/all/themes/adaptivetheme/at_core/css/images/accordion-minus.png") left center/85% no-repeat; } .touring-go-toggle-item--holder .touring-go-toggle-item--content-item { padding: 10px; text-align: center; } .touring-go-toggle-item--holder .touring-go-toggle-item--content-item img { display: block; margin: 20px auto; width: 25px; height: auto; } .touring-go-toggle-item--holder .touring-go-toggle-item--content-item p { margin: 10px 0; } .touring-go-toggle-item--holder .touring-go-toggle-item--content-item p span.small { display: block; font-size: 15px; } .touring-go-toggle-item--holder .touring-go-toggle-item--content-item:not(:last-child) { border-bottom: solid 1px rgba(0, 0, 0, 0.3); } .touring-go-toggle-item--content--order-item { text-align: center; } .touring-go-toggle-item--content--order-item p { font-weight: bold; font-size: 27px; margin: 0; margin-top: 10px; line-height: 100%; } .touring-go-toggle-item--content--order-item p span { display: block; margin: auto; font-weight: normal; font-size: 19px; } .touring-go-toggle-item--content--order-item .touring-go-button { font-size: 18px; display: inline-block; border: solid 2px #00418c; padding: 10px; border-radius: 5px; text-align: center; font-weight: bold; width: 90%; margin: 20px auto; -webkit-transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out; } .touring-go-toggle-item--content--order-item .touring-go-button:hover { background: #00418c; color: white; text-decoration: none; } .mobile-free-tag { position: relative; } .mobile-free-tag:after { content: ''; display: block; position: absolute; right: 10px; top: 0; transform: translateY(-25%); width: 45px; height: 45px; background: url("../images/free-fr.svg") center center/contain no-repeat; } body.lang-nl .mobile-free-tag:after { content: ''; background: url("../images/free-nl.svg") center center/contain no-repeat; } .touring-go-toggle-item--best { background: #dce3ea !important; } .touring-go-toggle-item--best .touring-go-toggle-item--head { border-top: none; margin-top: -20px; } .touring-go-toggle-item--best .touring-go-button { background: #fbe603; border: none; } .touring-go-toggle-item--best .touring-go-button:hover { color: white; text-decoration: none; } .touring-go-toggle-item--best .touring-go-toggle-item--best-txt { border-top: solid 1px rgba(0, 0, 0, 0.4); padding-top: 10px; font-size: 15px; text-align: center; margin: 0; } /* ========================================================================== #CONTAINERS ========================================================================== */ /** * Can be added to HTML container elements like: * , , , , , , and more. * * adds common alignments, paddings and max width to any HTML element */ .o-container { margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } /* Medium device size container ========================================================================== */ @media only screen and (min-width: 740px) { .o-container { max-width: 740px; } .o-container\@m { max-width: 740px; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } } /* Large device size container ========================================================================== */ @media only screen and (min-width: 980px) { .o-container { max-width: 980px; } .o-container\@l { max-width: 980px; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } } /* Extra large device size container ========================================================================== */ @media only screen and (min-width: 1140px) { .o-container { max-width: 1140px; } .o-container\@xl { max-width: 1140px; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } } .o-media { display: flex; align-items: flex-start; } .o-media__img { margin-right: 1rem; } .o-media__body { flex: 1; align-self: center; } @media only screen and (min-width: 740px) { .o-media\@m { display: flex; align-items: flex-start; } .o-media__img\@m { margin-right: 1rem; } .o-media__body\@m { flex: 1; align-self: center; } } /* ========================================================================== #BUTTONS ========================================================================== */ /** * Buttons can be applied to any HTML element that is used to trigger a user * action (e.g. following a call to action link, submitting a form). * * 1. Line differently sized buttons up a little nicer. */ /* ========================================================================== #HELPERS ========================================================================== */ .u-color-blue, .touring-list-card ul.touring-list-pro, .touring-go-table .most-pop, .touring-go-table table thead td, .touring-go-table table thead th, .touring-go-table table tbody td, .touring-go-table table tbody th, .touring-go-table table tfoot { color: #00418c; } .u-background-white { background: white; } .u-no-margin { margin: 0; } .u-no-padding { padding: 0; } .u-no-float { float: none; } .u-no-background { background: transparent; } .u-no-border { border: 0; } .u-no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .u-no-pointer-events { pointer-events: none; } .u-font-normal { font-style: normal; } .u-font-italic { font-style: italic; } .u-uppercase { text-transform: uppercase; } .u-lowercase { text-transform: lowercase; } .u-capitalize { text-transform: capitalize; } .u-text-left { text-align: left; } .u-text-right { text-align: right; } .u-text-center { text-align: center; } .u-relative { position: relative; } .u-absolute { position: absolute; } .u-static { position: static; } .u-fixed { position: fixed; } .u-none { display: none; } .u-block { display: block; } .u-inline-block { display: inline-block; } .u-inline { display: inline; } .u-flex, .touring-go-table table tr td:not(:first-child) > div, .touring-go-table table tr th:not(:first-child) > div { display: flex; } .u-flex-row { flex-direction: row; } .u-flex-column, .touring-go-table table tr td:not(:first-child) > div, .touring-go-table table tr th:not(:first-child) > div { flex-direction: column; } .u-flex-space-around { justify-content: space-around; } .u-flex-space-between { justify-content: space-between; } .u-flex-start, .free-tag > div { justify-content: flex-start; } .u-flex-center, .touring-go-table table tr td:not(:first-child) > div, .touring-go-table table tr th:not(:first-child) > div { justify-content: center; } .u-flex-end { justify-content: flex-end; } .u-flex-wrap { flex-wrap: wrap; } .u-flex-nowrap { flex-wrap: nowrap; } .u-flex-grow { flex-grow: 1; } .u-flex-shrink { flex-shrink: 1; } .u-flex-items-center, .touring-go-table table tr td:not(:first-child) > div, .touring-go-table table tr th:not(:first-child) > div { align-items: center; } .u-flex-items-stretch { align-items: stretch; } .u-left { float: left; } .u-right { float: right; } .u-center { float: none; margin-left: auto; margin-right: auto; } .u-list-unstyled { list-style: none; margin: 0; padding: 0; } .u-list-unstyled li { margin: 0; padding: 0; } .u-img-fluid { width: 100%; } .u-disabled, [disabled] { pointer-events: none; cursor: not-allowed; opacity: .5; } .u-clear:before, .u-clear:after { content: " "; display: table; } .u-clear:after { clear: both; } .u-margin--s { margin: 0.5rem; } .u-margin--m { margin: 1rem; } .u-margin--l { margin: 2rem; } .u-margin--xl { margin: 4rem; } .u-margin-x--s { margin-left: 0.5rem; margin-right: 0.5rem; } .u-margin-x--m { margin-left: 1rem; margin-right: 1rem; } .u-margin-x--l { margin-left: 2rem; margin-right: 2rem; } .u-margin-x--xl { margin-left: 4rem; margin-right: 4rem; } .u-margin-y--s { margin-top: 0.5rem; margin-bottom: 0.5rem; } .u-margin-y--m { margin-top: 1rem; margin-bottom: 1rem; } .u-margin-y--l { margin-top: 2rem; margin-bottom: 2rem; } .u-margin-y--xl { margin-top: 4rem; margin-bottom: 4rem; } .u-margin-top--s { margin-top: 0.5rem; } .u-margin-top--m { margin-top: 1rem; } .u-margin-top--l { margin-top: 2rem; } .u-margin-top--xl { margin-top: 4rem; } .u-margin-right--s { margin-right: 0.5rem; } .u-margin-right--m { margin-right: 1rem; } .u-margin-right--l { margin-right: 2rem; } .u-margin-right--xl { margin-right: 4rem; } .u-margin-bottom--s { margin-bottom: 0.5rem; } .u-margin-bottom--m { margin-bottom: 1rem; } .u-margin-bottom--l { margin-bottom: 2rem; } .u-margin-bottom--xl { margin-bottom: 4rem; } .u-margin-left--s { margin-left: 0.5rem; } .u-margin-left--m { margin-left: 1rem; } .u-margin-left--l { margin-left: 2rem; } .u-margin-left--xl { margin-left: 4rem; } .u-padding--s { padding: 0.5rem; } .u-padding--m { padding: 1rem; } .u-padding--l { padding: 2rem; } .u-padding--xl { padding: 4rem; } .u-padding-x--s { padding-left: 0.5rem; padding-right: 0.5rem; } .u-padding-x--m { padding-left: 1rem; padding-right: 1rem; } .u-padding-x--l { padding-left: 2rem; padding-right: 2rem; } .u-padding-x--xl { padding-left: 4rem; padding-right: 4rem; } .u-padding-y--s { padding-top: 0.5rem; padding-bottom: 0.5rem; } .u-padding-y--m { padding-top: 1rem; padding-bottom: 1rem; } .u-padding-y--l { padding-top: 2rem; padding-bottom: 2rem; } .u-padding-y--xl { padding-top: 4rem; padding-bottom: 4rem; } .u-padding-top--s { padding-top: 0.5rem; } .u-padding-top--m { padding-top: 1rem; } .u-padding-top--l { padding-top: 2rem; } .u-padding-top--xl { padding-top: 4rem; } .u-padding-right--s { padding-right: 0.5rem; } .u-padding-right--m { padding-right: 1rem; } .u-padding-right--l { padding-right: 2rem; } .u-padding-right--xl { padding-right: 4rem; } .u-padding-bottom--s { padding-bottom: 0.5rem; } .u-padding-bottom--m { padding-bottom: 1rem; } .u-padding-bottom--l { padding-bottom: 2rem; } .u-padding-bottom--xl { padding-bottom: 4rem; } .u-padding-left--s { padding-left: 0.5rem; } .u-padding-left--m { padding-left: 1rem; } .u-padding-left--l { padding-left: 2rem; } .u-padding-left--xl { padding-left: 4rem; } /* Medium device size container ========================================================================== */ @media only screen and (min-width: 740px) { .u-text-left\@m { text-align: left; } .u-text-right\@m { text-align: right; } .u-text-center\@m { text-align: center; } .u-none\@m { display: none; } .u-block\@m { display: block; } .u-inline-block\@m { display: inline-block; } .u-inline\@m { display: inline; } .u-flex\@m { display: flex; } .u-flex-row\@m { flex-direction: row; } .u-flex-column\@m { flex-direction: column; } .u-flex-space-around\@m { justify-content: space-around; } .u-flex-space-between\@m { justify-content: space-between; } .u-flex-start\@m { justify-content: flex-start; } .u-flex-center\@m { justify-content: center; } .u-flex-end\@m { justify-content: flex-end; } .u-flex-wrap\@m { flex-wrap: wrap; } .u-flex-nowrap\@m { flex-wrap: nowrap; } .u-flex-grow\@m { flex-grow: 1; } .u-flex-shrink\@m { flex-shrink: 1; } } /* Large device size container ========================================================================== */ @media only screen and (min-width: 980px) { .u-text-left\@l { text-align: left; } .u-text-right\@l { text-align: right; } .u-text-center\@l { text-align: center; } .u-none\@l { display: none; } .u-block\@l { display: block; } .u-inline-block\@l { display: inline-block; } .u-inline\@l { display: inline; } .u-flex\@l { display: flex; } .u-flex-row\@l { flex-direction: row; } .u-flex-column\@l { flex-direction: column; } .u-flex-space-around\@l { justify-content: space-around; } .u-flex-space-between\@l { justify-content: space-between; } .u-flex-start\@l { justify-content: flex-start; } .u-flex-center\@l { justify-content: center; } .u-flex-end\@l { justify-content: flex-end; } .u-flex-wrap\@l { flex-wrap: wrap; } .u-flex-nowrap\@l { flex-wrap: nowrap; } .u-flex-grow\@l { flex-grow: 1; } .u-flex-shrink\@l { flex-shrink: 1; } } /* Extra large device size container ========================================================================== */ @media only screen and (min-width: 1140px) { .u-text-left\@xl { text-align: left; } .u-text-right\@xl { text-align: right; } .u-text-center\@xl { text-align: center; } .u-none\@xl { display: none; } .u-block\@xl { display: block; } .u-inline-block\@xl { display: inline-block; } .u-inline\@xl { display: inline; } .u-flex\@xl { display: flex; } .u-flex-row\@xl { flex-direction: row; } .u-flex-column\@xl { flex-direction: column; } .u-flex-space-around\@xl { justify-content: space-around; } .u-flex-space-between\@xl { justify-content: space-between; } .u-flex-start\@xl { justify-content: flex-start; } .u-flex-center\@xl { justify-content: center; } .u-flex-end\@xl { justify-content: flex-end; } .u-flex-wrap\@xl { flex-wrap: wrap; } .u-flex-nowrap\@xl { flex-wrap: nowrap; } .u-flex-grow\@xl { flex-grow: 1; } .u-flex-shrink\@xl { flex-shrink: 1; } } /*# sourceMappingURL=style.css.map */

Découvrez notre produit de dépannage pour une voiture ou une moto

Véhicules couverts

  • Auto
  • Moto
  • Ancêtre
  • Scooters
  • Vélos
  • Agricoles
  • Taxi

Risques couverts

  • Panne (mécanique, électrique, électronique, panne sèche et panne de batterie )
  • Perte de clés
  • Accident
  • Vandalisme
  • Bris de vitre
  • Immobilisation du véhicule dans un garage

Disponibilité

  • 24h/24 7j/7
  • 200 patrouilleurs en Belgique
  • Remorquage

Choisissez la formule qui vous convient

€5/mois ou €60/an

€7.5/mois ou €90/an

LE PLUS POPULAIRE

€10/moisou €120/an

€15/moisou €180/an

Assistance dépannage

+ Pneus Assistance en cas de problème de pneumatique

+ Remorquage étendu Quel que soit le lieu de la panne, remorquage jusqu’au garage le plus approprié.

+ Véhicule de remplacement Véhicule de remplacement jusqu'à 5 jours par an

Interventions /an

2 2 5 5

  €5/mois ou €60/an

Commandez

€7.5/mois ou €90/an

Commandez

€10/mois ou €120/an

Commandez

€15/mois ou €180/an

Commandez

Choisissez la formule qui vous convient

Assistance dépannage

€5/mois

Assistance dépannage

Interventions /an

2

  €5/mois ou €60/an

Commandez

Assistance dépannage
+ couverture pneus

€7.5/mois

Assistance dépannage

+ Pneus Assistance en cas de problème de pneumatique

Interventions /an

2

€7.5/mois ou €90/an

Commandez

LE PLUS POPULAIRE

Assistance dépannage
+ couverture pneus
+ remorquage étendu

€10/mois

Assistance dépannage

+ Pneus Assistance en cas de problème de pneumatique

+ Remorquage étendu Quel que soit le lieu de la panne, remorquage jusqu’au garage le plus approprié

Interventions /an

5

Maintenant €10/mois ou €120/an

Commandez

Assistance dépannage
+ couverture pneus
+ remorquage étendu
+ véhicule de remplacement

€15/mois

Assistance dépannage

+ Pneus Assistance en cas de problème de pneumatique

+ Remorquage étendu Quel que soit le lieu de la panne, remorquage jusqu’au garage le plus approprié

+ Véhicule de remplacement Véhicule de remplacement jusqu'à 5 jours par an

Interventions /an

5

Maintenant €15/mois ou €180/an

Commandez document.addEventListener("DOMContentLoaded", function(e) { document.addEventListener('click', function (e) { if (!e.target.matches('.touring-go-toggle-item--head')) return; e.preventDefault(); toggleClass(e.target.parentNode, 'open'); }, false); function toggleClass(element, toggleClass){ var currentClass = element.className; var newClass; if(currentClass.split(" ").indexOf(toggleClass) > -1){ newClass = currentClass.replace(new RegExp('\\b'+toggleClass+'\\b','g'),"") }else{ newClass = currentClass + " " + toggleClass; } element.className = newClass.trim(); } });

Avant de souscrire, consultez la fiche infoles conditions générales et le document d’information sur le produit d’assistance (IPID) pour plus de détails sur le produit Touring Belgium Go et les risques non couverts.

Touring Belgium Go est un contrat annuel.

Les prestations garanties en Belgique sont opérées par Touring Club Royal de Belgique a.s.b.l., entreprise soumise au droit belge, dont le siège social est établi en Belgique, à 1040 Bruxelles, Rue de la Loi 44, RPM 0403.471.597 Bruxelles, CBC BE55 1910 4222 2244 CREGBEBB, FSMA n° 011210 cA. Les produits annuels proposés par Touring sont soumis au droit belge.
En cas de plainte, vous pouvez vous adresser par courrier à Touring, Service Plaintes, 44 rue de la Loi, 1040 Bruxelles, Belgique ou par email à l’adresse [email protected]
La description des garanties est un extrait des Conditions Générales et est seulement une reproduction limitée de nos produits et services. Pour plus d’infos, consultez nos Conditions Générales sur notre site www.touring.be ou sur simple demande par téléphone. Prix en vigueur au 01/09/2018.
Toute information relative aux traitement de vos données personnelles est reprise dans notre Privacy Policy disponible gratuitement sur notre site www.touring.be.