@font-face { font-family: 'Avenir'; src: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/avenirltstd-roman-webfont.eot); src: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/avenirltstd-roman-webfont.eot#iefix) format('embedded-opentype'), url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/avenirltstd-roman-webfont.woff) format('woff'), url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/avenirltstd-roman-webfont.ttf) format('truetype'), url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/avenirltstd-roman-webfont.svg#AvenirLTStd55Roman) format('svg'); font-weight: normal; font-style: normal; } #vsc-europe-header h2, #vsc-europe-footer h2 { font-size: 20px; font-weight: normal; margin: 0; font-family: "Avenir", Arial, sans-serif; } #vsc-europe-header #menu a, #vsc-europe-header #menu a:visited { color: #4D4F53; } #vsc-europe-header, #vsc-europe-footer { color: #404040; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; line-height: 18px; } #vsc-europe-header img { vertical-align: middle; } #vsc-europe-header ul, #vsc-europe-footer ul { padding: 0 0 0.25em 1em; margin: 0; } #vsc-europe-header form, #vsc-europe-footer form { margin: 0; padding: 0; } #vsc-europe-header label, #vsc-europe-footer label { cursor: pointer; } #vsc-europe-header input[type='text'], #vsc-europe-footer input[type='text'], #vsc-europe-header select, #vsc-europe-footer select { color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-color: #dadada; border-width: 1px; padding: 7px; } #vsc-europe-header input[type='submit'], #vsc-europe-footer input[type='submit'] { height: 35px; } #vsc-europe-header #language-switcher span { border-left: none; } #vsc-europe-footer #pre-footer { margin-top: 40px; } .js #vsc-europe-header #header-wrapper { height: 88px; } /* ============================================================================= Buttons ========================================================================== */ .button-primary, .button-secondary { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid; cursor: pointer; font-weight: bold; vertical-align: middle; white-space: nowrap; word-wrap: normal; font-size: 13px; font-family: "Avenir",Arial,sans-serif; } .button-primary { background-color: #0092cf; background-image: -moz-linear-gradient(center top , #0092cf 0%, #0073a3 100%); background-image: -webkit-linear-gradient(top, #0092cf 0%, #0073a3 100%); background-image: -moz-linear-gradient(top, #0092cf 0%, #0073a3 100%); background-image: -ms-linear-gradient(top, #0092cf 0%, #0073a3 100%); background-image: -o-linear-gradient(top, #0092cf 0%, #0073a3 100%); box-shadow: 0 0 1px #0092cf inset; border-color: #304ea6 #304ea6 #065680; color: #fff; } .button-primary:hover { color: #ffffff; border-color: #065680; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 3px #0073a3 inset; } .button-primary:active { border-color: #065680 #0073a3 #065680; box-shadow: 0 1px 2px #065680 inset; } .button-primary:visited { color: #ffffff; } .button-secondary { background-color: #f5f5f5; background-image: -moz-linear-gradient(center top , #f5f5f5 0%, #dedede 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #dedede 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #dedede 100%); background-image: -ms-linear-gradient(top, #f5f5f5 0%, #dedede 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #dedede 100%); box-shadow: 0 0 1px #fff inset; text-shadow: 0 1px 0 #fff; border-color: #ccc #ccc #aaa; color: #606060; } .button-secondary:hover { border-color: #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset; } .button-secondary:active { border-color: #999 #aaa #ccc; box-shadow: 0 1px 2px #aaa inset; } a.button-primary, a.button-secondary, .button-primary a, .button-secondary a { padding-top: 8px; height: 23px; display: block; text-decoration: none; text-align: center; } a.button-secondary:visited, .button-secondary a:visited { color: #606060; } a.button-primary:hover, .button-primary a:hover, a.button-secondary:hover, .button-secondary a:hover { text-decoration: none; } .button-primary a { color: #fff; } .button-secondary a { color: #606060; }/* ============================================================================= Galactic bar ========================================================================== */ /* ----------------------------------------------------------------------------- Top zone -------------------------------------------------------------------------- */ #galactic-top { background-color: #333; background-image: -khtml-gradient(linear, left top, left bottom, from(#333), to(#222)); background-image: -moz-linear-gradient(top, #333, #222); background-image: -ms-linear-gradient(top, #333, #222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #222)); background-image: -webkit-linear-gradient(top, #333, #222); background-image: -o-linear-gradient(top, #333, #222); background-image: linear-gradient(top, #333, #222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); color: #fff; } #galactic-top-wrapper { width: 960px; margin: 0 auto; padding: 8px 0 2px; } #sncf-brand { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/galactic-sprite-1.png); background-repeat: no-repeat; background-position: 54px -80px; float: left; padding-right: 15px; } #galactic-top .galactic-slogan { font-family: Arial; color: #bbb; float: left; font-size: 0.8em; font-weight: normal; line-height: 25px; margin: 0; padding-left: 10px; text-transform: uppercase; } #header-skip-links { height: 0; left: -9999px; line-height: 0; position: absolute; top: 0; } #galactic-top ul{ display: inline; float: right; } #galactic-list li { display: inline; padding: 12px 0 12px; background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/galactic-sprite-1.png); background-repeat: no-repeat; background-position: 0 -73px; } #galactic-list a { color: #fff; font-style: normal; padding: 15px; text-decoration: none; text-transform: uppercase; background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/galactic-sprite-1.png); background-repeat: no-repeat; font-size: 10px; } #galactic-list .accessibility a { background-position: 8px 10px; padding-left: 74px; } #galactic-list .contact a { background-position: 8px -105px; padding-left: 30px; } #galactic-list .toggle-link a { background-position: 8px -25px; padding-left: 30px; } #galactic-list .client-account a{ background-position: 800px -250px; /* padding-left: 30px; */} /* ----------------------------------------------------------------------------- Design for javascript -------------------------------------------------------------------------- */ .js #galactic-header { height: 35px; border-top: 1px solid #000; } /* ----------------------------------------------------------------------------- MSIE Patches -------------------------------------------------------------------------- */ .msie6 #galactic-top-wrapper { padding-bottom: 2px; } .msie7 #galactic-top-wrapper { padding-bottom: 0; } .msie7 #galactic-top-wrapper { padding-top: 5px; } .msie7 #galactic-list { margin-top: -5px; } .msie7 #galactic-list li { } .msie7 #galactic-list li { display: block; float: left; padding-top: 8px; background-position: 0 -75px; } .msie6 #galactic-list .toggle-link a { height: 10px; } .msie8 #galactic-list .toggle-link a { height: 11px; } .msie #galactic-list .toggle-link a { /*background-color: #505052;*/ } .msie6 #galactic-list .toggle-link a { top: -4px; line-height: 9px; height: 9px; } .msie6 #sncf-brand { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/galactic-sprite-1.gif) !important; } .msie6 #galactic-list li { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/galactic-sprite-1.gif) !important; } .msie6 #galactic-list a { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/galactic-sprite-1.gif) !important; } /* ============================================================================= Galactic bar ========================================================================== */ /* ----------------------------------------------------------------------------- Top zone -------------------------------------------------------------------------- */ #galactic-top-wrapper { height: 25px; } #galactic-list .contact { background: none; } #galactic-top #language-switcher { float: right; } /* ============================================================================= Header ========================================================================== */ /* ----------------------------------------------------------------------------- Common styles for both JS enabled or JS disabled -------------------------------------------------------------------------- */ body { min-width: 100%; display: inline-block; } #header a:visited { color: #333; } #header-wrapper { position: relative; width: 960px; margin: 0 auto; } #header ul { padding: 0; } #header li { padding: 0; list-style: none; } #header .tab a { text-transform: uppercase; font-weight: bold; } /* ----------------------------------------------------------------------------- Top links -------------------------------------------------------------------------- */ #vsct-header-top-links { padding-top: 5px; text-align: right; } #vsct-header-top-links a { border-left: 1px solid #4d4f53; padding: 0 10px; text-decoration: none; } #vsct-header-top-links #link-fidelity { border-left: none; } /*#vsct-header-top-links #link-account { border-right: 1px solid #4d4f53; }*/ #vsct-header-top-links a:first-child { border-left: none; padding: 0 10px 0 0; } #vsct-header-top-links a:last-child { padding: 0 0 0 10px; } #vsct-header-top-links #basket-link { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/header-tabs-sprite-1.png); background-repeat: no-repeat; background-position: 7px -600px; padding-left: 27px; border-left: none; } #vsct-header-top-links a:hover { text-decoration: underline; color: #0088CE } /* ----------------------------------------------------------------------------- Styles for JS enabled -------------------------------------------------------------------------- */ #header-pre-wrapper { background: #fff; background-image: -moz-linear-gradient(top, #e1e0dd, #fff); background-image: -ms-linear-gradient(top, #e1e0dd, #fff); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e0dd), color-stop(100%, #fff)); background-image: -webkit-linear-gradient(top, #e1e0dd, #fff); background-image: -o-linear-gradient(top, #e1e0dd, #fff); background-image: linear-gradient(top, #e1e0dd, #fff); } .js #menu { float: right; overflow: hidden; } .js #header .tab { display: block; width: 120px; text-align: center; float: left; font-weight: bold; margin-top: 18px; border-top: none; padding-bottom: 12px; z-index : 3000; } .js .show-sub-menu-click, .js .show-sub-menu-focus { padding-bottom: 50px !important; } .js #header .tab-1 .tab-link { width: 118px; border-left: 1px solid #e7e7e7; } #header { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/header-border-1.png); padding-bottom: 5px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); box-shadow: 0 2px 8px rgba(0,0,0,.4); margin-bottom: 40px; background-position: bottom center; background-repeat: no-repeat; } .js #vsct-header-links-custom { height: 65px; } .js #logo-site-link { position: absolute; bottom: -22px; left: 0; } .js #header .tab a { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/header-tabs-sprite-1.png); background-repeat: no-repeat; background-position: center top; padding-top: 17px; display: block; width: 119px; border-right: 1px solid #e7e7e7; } /* Tabs color */ .js #header .menu-train a:hover, .js #header .menu-train.show-sub-menu-click .tab-link, .js #header .menu-train.show-sub-menu-focus .tab-link { color: #0088ce; } .js #header .menu-flight a:hover, .js #header .menu-tgv a:hover, .js #header .menu-thalys a:hover, .js #header .menu-flight.show-sub-menu-click .tab-link, .js #header .menu-tgv.show-sub-menu-click .tab-link, .js #header .menu-thalys.show-sub-menu-click .tab-link, .js #header .menu-flight.show-sub-menu-focus .tab-link, .js #header .menu-tgv.show-sub-menu-focus .tab-link, .js #header .menu-thalys.show-sub-menu-focus .tab-link { color: #009aa6; } .js #header .menu-hotel a:hover, .js #header .menu-hotel.show-sub-menu-click .tab-link, .js #header .menu-hotel.show-sub-menu-focus .tab-link { color: #7abb00; } .js #header .menu-trip a:hover, .js #header .menu-trip.show-sub-menu-click .tab-link, .js #header .menu-trip.show-sub-menu-focus .tab-link { color: #e05206; } .js #header .menu-gooddeals a:hover, .js #header .menu-gooddeals.show-sub-menu-click .tab-link, .js #header .menu-gooddeals.show-sub-menu-focus .tab-link, .js #header .menu-gooddeals-ch a:hover, .js #header .menu-gooddeals-ch.show-sub-menu-click .tab-link, .js #header .menu-gooddeals-ch.show-sub-menu-focus .tab-link { color: #cb0044; } .js #header .menu-destination a:hover, .js #header .menu-destination.show-sub-menu-click .tab-link, .js #header .menu-destination.show-sub-menu-focus .tab-link { color: #ffb612; } .js #header .menu-car a:hover, .js #header .menu-car.show-sub-menu-click .tab-link, .js #header .menu-car.show-sub-menu-focus .tab-link { color: #ccdc00; } .js #header .menu-destination-europe a:hover, .js #header .menu-destination-europe.show-sub-menu-click .tab-link, .js #header .menu-destination-europe.show-sub-menu-focus .tab-link { color: #7abb00; } .js #header .menu-hotel-europe a:hover, .js #header .menu-hotel-europe.show-sub-menu-click .tab-link, .js #header .menu-hotel-europe.show-sub-menu-focus .tab-link { color: #ffb612; } /* Tabs images */ .js #header .menu-train a { background-position: center top; } .js #header .menu-train a:hover, .js #header .menu-train.show-sub-menu-click .tab-link, .js #header .menu-train.show-sub-menu-focus .tab-link { background-position: center -50px; } .js #header .menu-flight a { background-position: center -100px; } .js #header .menu-flight a:hover, .js #header .menu-flight.show-sub-menu-click .tab-link, .js #header .menu-flight.show-sub-menu-focus .tab-link { background-position: center -150px; } .js #header .menu-hotel a { background-position: center -200px; } .js #header .menu-hotel a:hover, .js #header .menu-hotel.show-sub-menu-click .tab-link, .js #header .menu-hotel.show-sub-menu-focus .tab-link { background-position: center -250px; } .js #header .menu-trip a { background-position: center -300px; } .js #header .menu-trip a:hover, .js #header .menu-trip.show-sub-menu-click .tab-link, .js #header .menu-trip.show-sub-menu-focus .tab-link { background-position: center -350px; } .js #header .menu-gooddeals a { background-position: center -400px; } .js #header .menu-gooddeals a:hover, .js #header .menu-gooddeals.show-sub-menu-click .tab-link, .js #header .menu-gooddeals.show-sub-menu-focus .tab-link { background-position: center -450px; } .js #header .menu-destination a { background-position: center -500px; } .js #header .menu-destination a:hover, .js #header .menu-destination.show-sub-menu-click .tab-link, .js #header .menu-destination.show-sub-menu-focus .tab-link { background-position: center -550px; } .js #header .menu-tgv a { background-position: center -650px; } .js #header .menu-tgv a:hover, .js #header .menu-tgv.show-sub-menu-click .tab-link, .js #header .menu-tgv.show-sub-menu-focus .tab-link { background-position: center -700px; } .js #header .menu-thalys a { background-position: center -750px; } .js #header .menu-thalys a:hover, .js #header .menu-thalys.show-sub-menu-click .tab-link, .js #header .menu-thalys.show-sub-menu-focus .tab-link { background-position: center -800px; } .js #header .menu-car a { background-position: center -850px; } .js #header .menu-car a:hover, .js #header .menu-car.show-sub-menu-click .tab-link, .js #header .menu-car.show-sub-menu-focus .tab-link { background-position: center -900px; } .js #header .menu-destination-europe a { background-position: center -950px; } .js #header .menu-destination-europe a:hover, .js #header .menu-destination-europe.show-sub-menu-click .tab-link, .js #header .menu-destination-europe.show-sub-menu-focus .tab-link { background-position: center -1000px; } .js #header .menu-hotel-europe a { background-position: center -1050px; } .js #header .menu-hotel-europe a:hover, .js #header .menu-hotel-europe.show-sub-menu-click .tab-link, .js #header .menu-hotel-europe.show-sub-menu-focus .tab-link { background-position: center -1100px; } .js #header .menu-gooddeals-ch a { background-position: center -1150px; } .js #header .menu-gooddeals-ch a:hover, .js #header .menu-gooddeals-ch.show-sub-menu-click .tab-link, .js #header .menu-gooddeals-ch.show-sub-menu-focus .tab-link { background-position: center -1200px; } /* Tabs arrows and borders */ .js #header .menu-train .sub-menu-arrow { border-bottom-color: #0088ce; } .js #header .menu-flight .sub-menu-arrow, .js #header .menu-tgv .sub-menu-arrow, .js #header .menu-thalys .sub-menu-arrow { border-bottom-color: #009aa6; } .js #header .menu-hotel .sub-menu-arrow { border-bottom-color: #7abb00; } .js #header .menu-trip .sub-menu-arrow { border-bottom-color: #e05206; } .js #header .menu-gooddeals .sub-menu-arrow, .js #header .menu-gooddeals-ch .sub-menu-arrow { border-bottom-color: #cb0044; } .js #header .menu-destination .sub-menu-arrow { border-bottom-color: #ffb612; } .js #header .menu-car .sub-menu-arrow { border-bottom-color: #ccdc00; } .js #header .menu-destination-europe .sub-menu-arrow { border-bottom-color: #7abb00; } .js #header .menu-hotel-europe .sub-menu-arrow { border-bottom-color: #ffb612; } .js #header .menu-train .sub-menu { border-color: #0088ce; } .js #header .menu-train .sub-menu strong { color: #0088ce; } .js #header .menu-flight .sub-menu, .js #header .menu-tgv .sub-menu, .js #header .menu-thalys .sub-menu { border-color: #009aa6; } .js #header .menu-flight .sub-menu strong, .js #header .menu-tgv .sub-menu strong, .js #header .menu-thalys .sub-menu strong { color: #009aa6; } .js #header .menu-hotel .sub-menu { border-color: #7abb00; } .js #header .menu-hotel .sub-menu strong { color: #7abb00; } .js #header .menu-trip .sub-menu { border-color: #e05206; } .js #header .menu-trip .sub-menu strong { color: #e05206; } .js #header .menu-gooddeals .sub-menu, .js #header .menu-gooddeals-ch .sub-menu { border-color: #cb0044; } .js #header .menu-gooddeals .sub-menu strong, .js #header .menu-gooddeals-ch .sub-menu strong { color: #cb0044; } .js #header .menu-destination .sub-menu { border-color: #ffb612; } .js #header .menu-destination .sub-menu strong { color: #ffb612; } .js #header .menu-car .sub-menu { border-color: #ccdc00; } .js #header .menu-car .sub-menu strong { color: #ccdc00; } .js #header .menu-destination-europe .sub-menu { border-color: #7abb00; } .js #header .menu-destination-europe .sub-menu strong { color: #7abb00; } .js #header .menu-hotel-europe .sub-menu { border-color: #ffb612; } .js #header .menu-hotel-europe .sub-menu strong { color: #ffb612; } /* Submenus */ .js #header .sub-menu { position: absolute; /*margin-top: -9999px;*/ margin-top:40px; display: none; background-color: #fff; z-index: 100; border-top: 5px solid; border-top-color: #333; border-bottom: 5px solid; border-bottom-color: #333; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.6); -moz-box-shadow: 0 2px 8px rgba(0,0,0,.6); box-shadow: 0 2px 8px rgba(0,0,0,.6); -webkit-border-radius: 2px; /* rounded corner */; -moz-border-radius: 2px; border-radius: 2px; padding: 20px 0 20px 0; } .js #header .sub-menu-arrow { border-color: transparent transparent #000 transparent; border-style: solid; border-width: 20px; height: 0; width: 0; position: absolute; top: -9999px; display: block; } .js #header .show-sub-menu-click .sub-menu-arrow, .js #header .show-sub-menu-focus .sub-menu-arrow { top: 78px; z-index: 10000; } .js #header .sub-menu .item-highlight a { font-weight: bold; } .js #header .sub-menu strong { text-transform: uppercase; font-size: 13px; float: none; margin-bottom: 15px; display: block; } .js #header .sub-menu li { text-align: left; } .js #header .sub-menu ul li { float: none; } .js #header .show-sub-menu-click .sub-menu, .js #header .show-sub-menu-focus .sub-menu { /*margin-top: 40px;*/ display: block; } .js #header #menu-3, .js #header #menu-4, .js #header #menu-5, .js #header #menu-6 { right: 0; } .js #header .sub-menu a { background: none; border-right: none; text-transform: none; padding: 0; font-weight: normal; width: auto; } /* Columns */ .js #header .column { float: left; width: 180px; padding: 0px 20px 0 20px; border-right: 1px solid #e7e7e7; background-repeat: no-repeat; } .js #header .column.last { border-right: none; } /*.msie.js #header { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/header-border-1.png); }*/ .js #header .tab-link { float: none; margin-right: 0px; } .js #header a.tab-link { color: #333; text-decoration: none; font-size: 11px; } #country-list { text-align: left; } .js #country-list { display: none; position: absolute; background: #747678; padding: 10px; width: 280px; left: -220px; top: 30px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.6); /* box shadow */; -moz-box-shadow: 0 2px 8px rgba(0,0,0,.6); box-shadow: 0 2px 8px rgba(0,0,0,.6); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .js #country-list.show-languages { display: block; } .js #country-list:before { bottom: 100%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid transparent; border-color: transparent transparent #747678; border-width: 8px; left: 80%; margin-left: 22px; } #country-list-1 { float: left; width: 135px; } #country-list-2 { float: left; } #country-list span { margin: 0 0 2px; display: block; } #country-list a:last-child, #country-list a:first-child, #country-list a { display: block; padding: 0 0 0 30px; text-decoration: underline; color: #fff; } #country-list a:hover { text-decoration: none; } #language-switcher { display: inline; position: relative; z-index: 1000; } #language-switcher .current { padding: 1px 0 0 35px; text-decoration: none; } #language-switcher .current.be { background-position: 8px -249px; } #language-switcher .current.en { background-position: 8px -269px; } #language-switcher .current.ch { background-position: 8px -289px; } #language-switcher .current.de { background-position: 8px -309px; } #language-switcher .current.es { background-position: 8px -329px; } #language-switcher .current.it { background-position: 8px -349px; } #language-switcher .current.nl { background-position: 8px -369px; } #language-switcher .current.lu { background-position: 8px -389px; } #language-switcher .current.uk { background-position: 8px -269px; } #language-switcher .current.ww { background-position: 8px -479px; } #language-switcher .current.fr { background-position: 8px -459px; } #country-list a, #language-switcher .current { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/footer-sprite-2.png); background-repeat: no-repeat; cursor: pointer; } #language-switcher span.selected, #language-switcher span.current:hover { color: #0088ce; text-decoration: underline; } #language-switcher .be a { background-position: left -248px; } #language-switcher .en a { background-position: left -268px; } #language-switcher .ch a { background-position: left -288px; } #language-switcher .de a { background-position: left -308px; } #language-switcher .es a { background-position: left -328px; } #language-switcher .it a { background-position: left -348px; } #language-switcher .nl a { background-position: left -368px; } #language-switcher .lu a { background-position: left -388px; } #language-switcher .uk a { background-position: left -268px; } #language-switcher .ww a { background-position: left -478px; } #language-switcher .fr a { background-position: left -458px; } /* ----------------------------------------------------------------------------- Styles for JS disabled -------------------------------------------------------------------------- */ #header .tab.first { border-top: medium none; } #header .tab { border-top: 1px solid #d5d1d0; margin-bottom: 3px; overflow: hidden; } #header .tab-link { float: left; margin-right: 10px; padding-top: 3px; text-decoration: none; width: 105px; } #header a.tab-link { color: #000; font-size: 1.1em; text-decoration: underline; text-transform: uppercase; } #header .sub-menu { overflow: hidden; } #header .sub-menu strong { float: left; margin-right: 10px; text-transform: uppercase; } #header .sub-menu li { overflow: hidden; } #header .sub-menu ul li { float: left; } #header .sub-menu a { margin-right: 10px; font-weight: normal; text-transform: none; text-decoration: none; } /* ----------------------------------------------------------------------------- MSIE 6/7/8 -------------------------------------------------------------------------- */ .msie6 #vsct-header-top-links #basket-link { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/header-tabs-sprite-1.gif) !important; } .msie6 #header .tab .tab-link { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/header-tabs-sprite-1.gif) !important; } .msie6 #country-list, .msie7 #country-list { width: 290px; left: -230px; } .msie8 #country-list a { color: #fff; padding: 0 0 0 30px; text-decoration: underline; } .msie8 #country-list a:hover { text-decoration: none; } .msie6 #header .tab { padding-bottom: 10px !important; } .msie6 .sub-menu-arrow { display: none !important; } .msie6 #header .show-sub-menu-click .sub-menu, .msie6 #header .show-sub-menu-focus .sub-menu { margin-top: 12px !important; } .msie6 #menu-1, .msie6 #menu-2, .msie6 #menu-4, .msie6 #menu-6 { width: 890px; } .msie6 #menu-3, .msie6 #menu-5 { width: 670px; } .msie7 #header { zoom: 1; } .msie7 #header-wrapper { height: 88px; } .msie6 #logo-site-link, .msie7 #logo-site-link { bottom: -17px; } /* ============================================================================= Footer ========================================================================== */ /* ----------------------------------------------------------------------------- Layout bottom - footer megabanner -------------------------------------------------------------------------- */ #layout-bottom { background-color: #cacac8; background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/footer-noise-1.png); background-repeat: repeat; } #layout-bottom #megabanner_footer, #layout-bottom #megabanner-footer { padding: 10px 0; } /* ----------------------------------------------------------------------------- Common styles for #pre-footer and #footer -------------------------------------------------------------------------- */ #pre-footer h2, #footer h2, #pre-footer a, #footer a { color: #fff; } #pre-footer a:hover { color: #000; } #footer a:hover { text-decoration: underline; } #pre-footer ul, #footer ul { padding: 0; } #pre-footer li, #footer li { list-style-type: none; list-style-image: none; padding: 0; } /* ----------------------------------------------------------------------------- #pre-footer >> Move into layout.css -------------------------------------------------------------------------- */ #pre-footer { background-color: #626367; background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/footer-noise-1.png); background-repeat: repeat; border-bottom: 1px solid #242526; -moz-box-shadow: inset 0 -5px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 -5px rgba(0,0,0,.4); box-shadow: inset 0 0 5px rgba(0,0,0,.4); } #pre-footer-wrapper { width: 960px; margin: 0 auto; padding: 20px 0 10px 0; overflow: hidden; } /* ----------------------------------------------------------------------------- #footer >> Move into layout.css -------------------------------------------------------------------------- */ #footer { background-color: #333; background-repeat: repeat; } #footer-wrapper { width: 960px; margin: 0 auto; overflow: hidden; } /* ----------------------------------------------------------------------------- #vsct-footer-commitments - "Nos engagements" -------------------------------------------------------------------------- */ #vsct-footer-commitments h2, #vsct-footer-commitments a { text-transform: uppercase; } #vsct-footer-commitments h2 { border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 15px; } #vsct-footer-commitments li { margin: 0 50px 0 0; float: left; } #vsct-footer-commitments li.last { margin-right: 0; } /* ----------------------------------------------------------------------------- #vsct-footer-description - VSC description -------------------------------------------------------------------------- */ #vsct-footer-description { float: left; display: block; color: #fff; font-size: 12px; border-bottom: 1px solid #282828; background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/footer-sprite-2.png); background-repeat: no-repeat; background-position: left 20px; padding: 30px 0 0 160px; margin-top: 10px; height: 70px; } /* ----------------------------------------------------------------------------- #vsct-footer-links-custom - Main footer links -------------------------------------------------------------------------- */ #vsct-footer-links-custom { float: left; overflow: hidden; width: 750px; padding-top: 40px; } #vsct-footer-links-custom ul { margin-bottom: 40px; } #vsct-footer-links-custom .col { float: left; padding-right: 40px; max-width: 20%; } #vsct-footer-links-custom .col.last { padding-right: 0; } #vsct-footer-links-custom strong { color: #fff; text-transform: uppercase; font-weight: normal; font-size: 12px; } #vsct-footer-links-custom a, #vsct-footer-links-custom a:visited { text-decoration: none; color: #b3b3b3; } #vsct-footer-links-custom a { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/footer-sprite-1.png); background-repeat: no-repeat; background-position: left -426px; padding-left: 10px; } #vsct-footer-links-custom a:hover { text-decoration: underline; background-position: left -446px; } /* ----------------------------------------------------------------------------- #vsct-footer-newsletter -------------------------------------------------------------------------- */ #vsct-footer-newsletter { float: left; width: 200px; margin-bottom: 20px; padding-top: 40px; } #vsct-footer-newsletter strong { color: #fff; font-size: 12px; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; display: block; } #vsct-footer-newsletter label { color: #fff; font-weight: normal; } #footer-newsletter-field-wrapper { margin: 0; } #footer-newsletter-field { width: 130px; float: left; margin-right: 5px; height: 20px; } #footer-newsletter-submit { width: auto; padding : 0 10px; background-color: #a6a6a4; /* Fallback Color */ background: -webkit-gradient(linear,left top,left bottom,from(#a6a6a4),to(#646462)); background: -webkit-linear-gradient(top, #a6a6a4 0%, #646462 100%); background: -moz-linear-gradient(top, #a6a6a4 0%, #646462 100%); background: -ms-linear-gradient(top, #a6a6a4 0%, #646462 100%); background: -o-linear-gradient(top, #a6a6a4 0%, #646462 100%); color: #fff; border: none; /* box shadow */ -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.4); box-shadow: 0 2px 3px rgba(0,0,0,.4); text-shadow: 0px -1px 2px #000; } #footer-newsletter-field, #footer-newsletter-submit { margin-top: 20px; } /* ----------------------------------------------------------------------------- #vsct-footer-customer - 3 links "Aide et information", etc. -------------------------------------------------------------------------- */ #vsct-footer-customer { float: left; border-top: 1px solid #282828; padding: 15px 0 10px 0; width: 200px; margin-bottom: 15px; } #vsct-footer-customer a { text-transform: uppercase; text-decoration: none; color: #b3b3b3; padding: 6px 0 6px 40px; display: block; margin-bottom: 10px; background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/footer-customer-sprite-1.png); background-repeat: no-repeat; background-position: 999px -999px; vertical-align: middle; line-height: 1.2; } #vsct-footer-customer a#footer-help-info, #vsct-footer-customer a.footer-help-info { background-position: left center; } #vsct-footer-customer a#footer-folder, #vsct-footer-customer a.footer-folder { background-position: -250px center; } #vsct-footer-customer a#footer-contact, #vsct-footer-customer a.footer-contact { background-position: -500px center; } #vsct-footer-customer a#footer-facebook, #vsct-footer-customer a.footer-facebook { background-position: -750px center; } /* ----------------------------------------------------------------------------- #vsct-footer-partners - 3 links -------------------------------------------------------------------------- */ #vsct-footer-partners { float: left; } #vsct-footer-partners strong { color: #fff; display: block; font-size: 12px; font-weight: normal; margin-bottom: 5px; text-transform: uppercase; } #vsct-footer-partners ul { background-color: #8b8b8b; padding: 15px; } #vsct-footer-partners li { text-align: center; margin: 0; } #vsct-footer-partners a { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/footer-partners-sprite-1.gif); background-repeat: no-repeat; text-indent: -9999px; display: inline-block; margin-bottom: 15px; } #vsct-footer-partners .last a { margin-bottom: 0; } .msie6 #vsct-footer-partners li, .msie7 #vsct-footer-partners li { display: inline; } #footer-partners-europ { width: 55px; height: 33px; background-position: left top; } #footer-partners-railteam { width: 50px; height: 26px; background-position: left -50px; } #footer-partners-maximiles { width: 64px; height: 19px; background-position: left -100px; } #footer-partners-mondial { width: 100px; height: 26px; background-position: left -150px; } .safari #footer-newsletter-field { width: 130px; } .msie6 #pre-footer-wrapper, .msie7 #pre-footer-wrapper { padding-bottom: 0; } /* ----------------------------------------------------------------------------- MSIE 6 -------------------------------------------------------------------------- */ .msie6 #pre-footer { background-image: none !important; } .msie6 #vsct-footer-links-custom .col { width: 20%; } /* ============================================================================= Header ========================================================================== */ /* ----------------------------------------------------------------------------- Styles for JS enabled -------------------------------------------------------------------------- */ /* Submenus */ .js #header #menu-1 { left: 280px; } .js #header #menu-1 { left: 280px; } .js #header #menu-2 { left: 360px; } /* Mega menus specifics */ .js #header #tab-1 .sub-menu-arrow { left: 400px; } .js #header #tab-2 .sub-menu-arrow { left: 520px; } .js #header #tab-3 .sub-menu-arrow { left: 640px; } .js #header #tab-4 .sub-menu-arrow { right: 160px; } .js #header #tab-5 .sub-menu-arrow { right: 40px; } /*.js #header #tab-6 .sub-menu-arrow { right: 40px; }*/ /* ----------------------------------------------------------------------------- MSIE 6/7/8 -------------------------------------------------------------------------- */ .msie6 #vsct-header-top-links #basket-link { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/header-tabs-sprite-1.gif) !important; } .msie6 #header .tab .tab-link { background-image: url(http://web.archive.org/web/20160516032024im_/http://www.voyages-sncf.com/ext/newsletter/Vsc/Europe/Formulaire/headerFooter/header-tabs-sprite-1.gif) !important; } /* ----------------------------------------------------------------------------- Special widths for it-IT -------------------------------------------------------------------------- */ .i18n-it-IT #header .tab, html[lang="it-IT"] #header .tab { width: 140px; } .i18n-it-IT #header a.tab-link, html[lang="it-IT"] #header a.tab-link { width: 139px; } .i18n-it-IT #header .tab-1 a.tab-link, html[lang="it-IT"] #header .tab-1 a.tab-link { width: 138px; } .i18n-it-IT #header #menu-1, html[lang="it-IT"] #header #menu-1 { left: 0; } .i18n-it-IT #header #tab-1 .sub-menu-arrow, html[lang="it-IT"] #header #tab-1 .sub-menu-arrow { left: 310px; } .i18n-it-IT #header #tab-2 .sub-menu-arrow, html[lang="it-IT"] #header #tab-2 .sub-menu-arrow { left: 450px; } .i18n-it-IT #header #tab-3 .sub-menu-arrow, html[lang="it-IT"] #header #tab-3 .sub-menu-arrow { left: 590px; } .i18n-it-IT #header #tab-4 .sub-menu-arrow, html[lang="it-IT"] #header #tab-4 .sub-menu-arrow { left: 730px; } .i18n-it-IT #header #tab-5 .sub-menu-arrow, html[lang="it-IT"] #header #tab-5 .sub-menu-arrow { left: 870px; } /* ----------------------------------------------------------------------------- Special arrow for es-ES -------------------------------------------------------------------------- */ .i18n-es-ES #header #tab-1 .sub-menu-arrow, html[lang="es-ES"] #header #tab-1 .sub-menu-arrow { left: 520px; } .i18n-es-ES #header #tab-2 .sub-menu-arrow, html[lang="es-ES"] #header #tab-2 .sub-menu-arrow { left: 640px; } .i18n-es-ES #header #tab-3 .sub-menu-arrow, html[lang="es-ES"] #header #tab-3 .sub-menu-arrow { left: 760px; } .i18n-es-ES #header #tab-4 .sub-menu-arrow, html[lang="es-ES"] #header #tab-4 .sub-menu-arrow { right: 40px; }/* ============================================================================= Footer ========================================================================== */ /* ============================================================================= Custom VSCE ========================================================================== */ #image_footer { float: left; width: 100%; } /* FILE ARCHIVED ON 03:20:24 May 16, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:51:04 May 20, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 71.33 exclusion.robots: 0.15 exclusion.robots.policy: 0.139 RedisCDXSource: 3.794 esindex: 0.011 LoadShardBlock: 39.479 (3) PetaboxLoader3.datanode: 77.214 (5) CDXLines.iter: 23.754 (3) load_resource: 1244.268 (2) PetaboxLoader3.resolve: 245.056 (2) */