input.datepicker { background: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/datepicker.png) top right no-repeat; } .datepicker-wrapper { position: relative; } .datepicker-wrapper .date-selector { background: #b2b4b3; -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); border-radius: 3px; padding: 5px; margin: -1px 0 0 0; position: absolute; z-index: 9999; display: none; width: 180px; color: #b2b4b3; } .datepicker-wrapper .date-selector:before { content: "\25B2"; display: block; position: absolute; top: -13px; left: 90px; color: #b2b4b3; } .datepicker-wrapper .date-selector table, .datepicker-wrapper .date-selector .nav { width: 180px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; background-color: #fff; } .datepicker-wrapper .date-selector-ieframe { position: absolute; z-index: 99999; display: none; } .datepicker-wrapper .error_msg{ display:none; text-align:center; font-size:0.8em; color: #747678; margin-bottom: 3px; } .datepicker-wrapper .date-selector .month-nav { margin: 0 0 3px 0; padding: 0; display: block; position: relative; text-align: center; } .datepicker-wrapper .date-selector .month-nav { float: left; width: 100%; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; } .datepicker-wrapper .date-selector .month-nav select { width:75px; margin: 0 auto; border:1px solid #ccc; position:relative; top:1px } .datepicker-wrapper .date-selector .month-name, .datepicker-wrapper .date-selector .year-name { font-weight: bold; line-height: 20px; } .datepicker-wrapper .date-selector .button { display: block; position: absolute; top: 0; width: 10px; height: 10px; line-height: 17px; font-weight: bold; color: #333; text-align: center; font-size: 120%; overflow: hidden; cursor:pointer; } .datepicker-wrapper .date-selector .today-date { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; text-align: center; color: #0088ce; cursor: pointer; padding: 2px; } .datepicker-wrapper .date-selector .prev { left: 0; background: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprite-datepicker-2.png) no-repeat; text-indent: -99999px; display: block; margin: 5px; background-position: 2px 1px; } .datepicker-wrapper .date-selector .next { right: 0; background: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprite-datepicker-2.png) no-repeat; text-indent: -99999px; display: block; margin: 5px; background-position: 2px -31px; } .datepicker-wrapper .date-selector table { border-spacing: 1px; clear: both; margin-bottom: 5px; padding: 5px; } .datepicker-wrapper .date-selector th{ padding: 0; border-bottom: 1px solid #ccc; } .datepicker-wrapper .date-selector th, .datepicker-wrapper .date-selector td { text-align: center; } .datepicker-wrapper .date-selector th.week_label{ font-weight:normal; font-style:italic; font-size:80%; width:25px } .datepicker-wrapper .date-selector .week_num, .datepicker-wrapper .date-selector .hover .week_num, .datepicker-wrapper .date-selector .selected .week_num { font-style:italic; color:#333 !important; vertical-align:bottom !important; text-align:right; border:none !important; font-size:70%; background:#FCFCFC !important; padding-right:4px; } .datepicker-wrapper .date-selector td { line-height: 2; text-align: center; white-space: nowrap; width: 15px; color: #0088ce; } .datepicker-wrapper .date-selector td.today { background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; } .datepicker-wrapper .date-selector td.unselected_month { color: #ccc; } .datepicker-wrapper .date-selector td.selectable_day, .datepicker-wrapper .date-selector tr.selectable_week td { cursor: pointer; } .datepicker-wrapper .date-selector td.selected, .datepicker-wrapper .date-selector tr.selected td{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; color: #fff; background-color: #0088ce; } .datepicker-wrapper .date-selector tr.selectable_week.hover td, .datepicker-wrapper .date-selector td.selectable_day.hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; color: #fff; background-color: #0088ce; } .msie7 input { z-index: 1; } .msie7 .datepicker-wrapper { z-index: 100; } .ac_results { z-index: 50; padding: 5px 10px; background-color: #b2b4b3; width: 245px; margin-top: 7px; } .ac_results:before { content: "\25B2"; display: block; position: absolute; /* step 2 */ top: -13px; left: 70px; /* step 3 */ color: #B2B4B3; } .ac_results li { list-style: none; } .ac_results ul { margin: 0; padding: 0; } .ac_results, .ac_results em, .ac_results ul li ul, .ac_results ul li ul li.ac_over { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; } .ac_results, .ac_results li em, .ac_results ul li ul, .ac_results ul li ul li.ac_over { -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); } .ac_results em { font-size: 12px; font-weight: bold; color: #333333; font-style: normal; width: 240px; line-height: 20px; display: block; padding-left: 5px; } .ac_results li em { background-color: #FFF; } .ac_results ul li { margin-bottom: 10px; } .ac_results ul li ul { background-color: #ecedeb; margin-top: 10px; padding: 5px; } .ac_results ul li ul li { margin-bottom: 0; padding-left: 2px; } .ac_results ul li ul li.ac_over { background-color: #0088ce; color: #FFF; } .msie7 .ac_results { z-index: 5000; } /* ============================================================================= 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 { background-image: -moz-linear-gradient(center top , #0277b4 0pt, #065680 100%); 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 { background-image: -moz-linear-gradient(center top , #e6e6e6 0pt, #dcdcdc 100%); 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; }/* ============================================================================= Forms ========================================================================== */ input[type="password"], input[type="text"], select { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-color: #dadada; border-width: 1px; color: #4d4f53; } input[type="submit"] { height: 35px; } input[type="password"], input[type="text"] { padding: 7px; } select { padding: 4px; height: 29px; } label { vertical-align: top; } /** * Styling checkbox & radio button * for webkit browsers */ .form-checkbox { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 7px; border-radius: 3px; display: inline-block; position: relative; } .form-checkbox:active, .form-checkbox:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .form-checkbox:checked { background-color: #fff; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; } .form-checkbox:checked:after { content: '\2714'; font-size: 10px; position: absolute; top: 0px; left: 3px; color: #99a1a7; } .form-radio { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 7px; border-radius: 50px; display: inline-block; position: relative; } .form-radio:checked:after { content: ' '; width: 8px; height: 8px; border-radius: 50px; position: absolute; top: 3px; background: #99a1a7; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); text-shadow: 0px; left: 3px; font-size: 16px; } .form-radio:checked { background-color: #fff; color: #99a1a7; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); } .form-radio:active, .form-radio:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .msie .form-radio, .msie .form-checkbox { border: none; background-color: transparent; }/** * Errors */ .errors { color: #CF0303; /* rounded corner */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */ -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); margin-bottom: 10px; padding: 5px 0 5px 40px; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/errors-background-1.png); background-position: left center; background-repeat: no-repeat; } .errors p { font-weight: bold; padding-left: 10px; border-left: 1px solid #ececec; } /* * Hotnews message */ #block-vsct_hotnews-hotnews p { background-color: #fff; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/hotnews-background.png); background-position: left center; background-repeat: no-repeat; color: #18b0d4; padding: 10px 10px 10px 85px; margin: 0 0 30px 0; background-color: #FFFFFF; -webkit-border-radius: 3px; /* rounded corner */; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); /* box shadow */; -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); box-shadow: 0 2px 8px rgba(0,0,0,.4); } #block-vsct_hotnews-hotnews a { color: #18b0d4; } /** * Mobile push */ #push-mobile { font-size: 28px; line-height: 28px; font-weight: bold; background-color: #626367; width: 900px; margin: 0 auto 40px; } #push-mobile a { text-decoration: none; color: #fff; }/* ============================================================================= Common styles ========================================================================== */ /* ----------------------------------------------------------------------------- Radius and shadowed block -------------------------------------------------------------------------- */ #vsct-france-booking-form .digital-box { background-color: #fff; -webkit-border-radius: 3px; /* rounded corner */; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); /* box shadow */; -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); box-shadow: 0 2px 8px rgba(0,0,0,.4); padding: 20px; margin-bottom: 40px; } /* ----------------------------------------------------------------------------- Complex titles -------------------------------------------------------------------------- */ #vsct-france-booking-form .complex-title { border-bottom: 1px solid #eaeaea; margin: 0 0 10px; padding: 0 0 7px; text-transform: uppercase; font-weight: normal; } #vsct-france-booking-form .complex-title span span { color: #000; } /* ============================================================================= //////////// Common styles ========================================================================== */ /* ============================================================================= Forms ========================================================================== */ #vsct-france-booking-form input[type='password'], #vsct-france-booking-form input[type='text'], #vsct-france-booking-form select { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-color: #dadada; border-width: 1px; color: #747678; } #vsct-france-booking-form input[type='password'], #vsct-france-booking-form input[type='text'] { padding: 7px; } #vsct-france-booking-form select { padding: 4px; height: 29px; } #vsct-france-booking-form input[type='submit'] { height: 35px; font-family: 'Avenir', Arial, sans-serif; } /* ============================================================================= //////////////Forms ========================================================================== */ /* ============================================================================= Generic ========================================================================== */ @font-face { font-family: 'Avenir'; src: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.eot); src: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.eot#iefix) format('embedded-opentype'), url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.woff) format('woff'), url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.ttf) format('truetype'), url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.svg#AvenirLTStd55Roman) format('svg'); font-weight: normal; font-style: normal; } #vsct-france-booking-form, .ac_results, #ui-datepicker-div, #ui-datepicker-div button { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; line-height: 18px; color: #404040; } #vsct-france-booking-form h2 { color: #1d1c1c; font-family: 'Avenir', Arial, sans-serif; margin-bottom: 10px; } #vsct-france-booking-form h2 { font-size: 20px; margin: 0; font-weight: normal; } #vsct-france-booking-form a { color: #000; text-decoration: underline; } #vsct-france-booking-form a:hover { color: #fff; } #vsct-france-booking-form p { font-weight: normal; line-height: 18px; margin: 0; } #vsct-france-booking-form label { font-weight: bold; display: block; } #vsct-france-booking-form label.option { display: inline; font-weight: normal; } /* ============================================================================= //////////////////////Generic ========================================================================== */ /* ============================================================================= Normalize ========================================================================== */ #vsct-france-booking-form fieldset { border: 0; margin: 0; padding: 0; } /* ============================================================================= ///////////Normalize ========================================================================== */ .msie7.js #vsct-france-booking-form #booking-forms.booking-not-front-page { margin-top:-11px; } .js #vsct-france-booking-form #booking-forms.booking-not-front-page { margin-top: -13px; } .msie7 #vsct-france-booking-form #booking-choice { margin-top:-5px; } .msie #vsct-france-booking-form legend { color: #404040; margin-left: -10px; } #ui-datepicker-div button { color: #0088ce; font-weight: bold; text-decoration: none; }/* ============================================================================= Bookings ========================================================================== */ /* ----------------------------------------------------------------------------- Booking communs -------------------------------------------------------------------------- */ #vsct-france-booking-form { width: 300px; } #vsct-france-booking-form input[type='text'] { width: 245px; color: #4d4f53; } .js #vsct-france-booking-train, .js #vsct-france-booking-flight, .js #vsct-france-booking-hotel, .js #vsct-france-booking-car, .js #vsct-france-booking-trip { display: none; } .js #vsct-france-booking-train.current, .js #vsct-france-booking-flight.current, .js #vsct-france-booking-hotel.current, .js #vsct-france-booking-car.current, .js #vsct-france-booking-trip.current { display: block; } /* Menu */ #booking-choice { width: 300px; display: block; } #booking-choice.booking-not-front-page { position: relative; z-index: 30; } #booking-form-choice { height: 55px; width: 240px; padding-left: 0; margin-bottom: 5px; } #booking-form-choice.booking-form-choice-no-front { width: 330px; } #booking-form-choice li { display: block; float: left; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.png); } #booking-form-choice li a{ text-transform: uppercase; text-decoration: none; color: #fff; display: block; padding-top: 25px; text-align: center; } #booking-form-choice li#vsct-france-booking-train-link, #booking-form-choice li#vsct-france-booking-flight-link, #booking-form-choice li#vsct-france-booking-hotel-link, #booking-form-choice li#vsct-france-booking-car-link, #booking-form-choice li#vsct-france-booking-trip-link { height: 55px; width: 59px; } #booking-form-choice li#vsct-france-booking-train-link.enabled, #booking-form-choice li#vsct-france-booking-train-link.hover, #booking-form-choice li#vsct-france-booking-train-link.disabled.hover { background-position: 0 0; } #booking-form-choice li#vsct-france-booking-train-link.disabled { background-position: -60px 0; } #booking-form-choice li#vsct-france-booking-flight-link.enabled, #booking-form-choice li#vsct-france-booking-flight-link.hover, #booking-form-choice li#vsct-france-booking-flight-link.hover.disabled { background-position: -120px 0; } #booking-form-choice li#vsct-france-booking-flight-link.disabled { background-position: -180px 0; } #booking-form-choice li#vsct-france-booking-hotel-link.enabled, #booking-form-choice li#vsct-france-booking-hotel-link.hover, #booking-form-choice li#vsct-france-booking-hotel-link.hover.disabled { background-position: -240px 0; } #booking-form-choice li#vsct-france-booking-hotel-link.disabled { background-position: -299px -0; } #booking-form-choice li#vsct-france-booking-car-link.enabled, #booking-form-choice li#vsct-france-booking-car-link.hover, #booking-form-choice li#vsct-france-booking-car-link.hover.disabled { background-position: -358px 0; } #booking-form-choice li#vsct-france-booking-car-link.disabled { background-position: -418px 0; } #booking-form-choice li#vsct-france-booking-trip-link.enabled, #booking-form-choice li#vsct-france-booking-trip-link.hover, #booking-form-choice li#vsct-france-booking-trip-link.hover.disabled { background-position: -478px 0; } #booking-form-choice li#vsct-france-booking-trip-link.disabled { background-position: -538px 0; } /* /Menu */ .js #booking-forms { z-index: 10; position: relative; margin-top: -13px; float: left; width: 260px; margin-bottom: 0; } .js #booking-forms.booking-not-front-page { margin-bottom: 40px; } #vsct-france-booking-form form { clear: both; padding-top: 20px; } .js #vsct-france-booking-form form { padding-top: 0; } #vsct-france-booking-form form h2 { margin-bottom: 10px; } #vsct-france-booking-form form h2 span { color: #0088ce; display: block; } #vsct-france-booking-form form select { color: #4d4f53; } form .form-item { margin-bottom: 10px; margin-top: 0; } #vsct-france-booking-form form legend { font-weight: bold; } #train-inward-date-wrapper label, #train-inward-time-wrapper label { font-weight: normal; } #vsct-france-booking-form label { color: #4d4f53; padding-bottom: 3px; } .booking span.form-required { color: #4d4f53; } /* submit buttons*/ form.booking .button-secondary { display: inline; float: left; } form.booking .button-primary { float: right; display: inline; } #booking-forms input[type='submit'].button-primary, #booking-forms input[type='submit'].button-secondary { width: 125px; margin-top: 10px; height: 35px; } /* /submit buttons */ #train-outward-date-wrapper, #train-inward-date-wrapper, #train-outward-time-wrapper, #train-inward-time-wrapper, #flight-outward-date-wrapper, #flight-inward-date-wrapper, #flight-outward-time-wrapper, #flight-inward-time-wrapper, #car-outward-date-wrapper, #car-inward-date-wrapper, #type-travel-oneway-wrapper, #type-travel-roundtrip-wrapper { display: inline; float: left; } #train-outward-date-wrapper, #train-inward-date-wrapper, #flight-outward-date-wrapper, #flight-inward-date-wrapper, #car-outward-date-wrapper, #car-inward-date-wrapper, #type-travel-oneway-wrapper { margin-right: 20px; } /* hotels rooms */ #vsct-france-booking-form .hotel-room label, #vsct-france-booking-form .hotel-room legend{ display: inline; } .hotel-room .hotel div { float: right; margin-top: -19px; } /* /hotels rooms */ /* car option */ .car-option label { display: inline; } /* /car option */ /* detailed search */ .detailed-search { color: #0090cc; margin-bottom: 5px; } #booking-forms .detailed-search input, #booking-forms .detailed-search a { color: #0090cc; padding: 0; height: auto; width: auto; font-weight: normal; margin-top: 0; font-size: 11px; } #booking-forms .detailed-search a { text-decoration: none; } #booking-forms .detailed-search a:hover { color: #3e3d40; } #booking-forms .detailed-search input { background-color: transparent; border: none; border-bottom: 1px solid #0090cc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .detailed-search em { font-style: normal; display: block; } /* /detailed search */ .msie6 #booking-form-choice li { background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.gif); } .msie6 #booking-forms { margin-top: -10px; } .msie7 #booking-forms { margin-top: -8px; } .msie8 .hotel-room .hotel div { margin-top: -8px; } /* ----------------------------------------------------------------------------- /Booking communs -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Booking train -------------------------------------------------------------------------- */ .booking-left { width: 260px; } .submission { clear: both; border-top: 1px solid #eee; } .booking .travel-fields legend, .booking .outward legend, .booking .inward legend, .detailed-search legend { top: -9999px; position: absolute; } select.outward-time, select.inward-time, #train-outward-time-wrapper label, #train-inward-time-wrapper label { width: 78px; } input.outward-date, input.inward-date, #train-outward-date-wrapper label, #train-inward-date-wrapper label { width: 115px; } /* travel class */ #vsct-france-booking-form #train-travel-class label { font-weight: bold; } #vsct-france-booking-form #train-travel-class div { display: inline; float: left; } #train-travel-class #train-travel-class-1-wrapper { margin-right: 20px; } /* /travel class */ /* passengers */ #train-passengers { margin-bottom: 10px; } #train-passengers legend { padding-bottom: 2px; color: #4d4f53; } #train-passengers.booking-light legend { position: absolute; margin-top: -9999px; } #train-passengers-num label { position: absolute; top: -9999px; } #train-num-passengers { width: 50px; } #vsct-france-booking-form #train-passengers .passenger-fid-num { width: 100px; } /* /passengers */ /* ----------------------------------------------------------------------------- /Booking train -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Booking flight -------------------------------------------------------------------------- */ form#vsct-france-booking-flight h2 span { color: #009aa6; } #vsct-france-booking-flight input.button-primary { background-color: #009AA6; /* Fallback Color */ background: -webkit-gradient(linear,left top,left bottom,from(#009aa6),to(#008b96)); background: -webkit-linear-gradient(top, #009aa6 0%, #008b96 100%); background: -moz-linear-gradient(top, #009aa6 0%, #008b96 100%); background: -ms-linear-gradient(top, #009aa6 0%, #008b96 100%); background: -o-linear-gradient(top, #009aa6 0%, #008b96 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009aa6', endColorstr='#008b96', GradientType=0); zoom: 1; /* trigger hasLayout */ border: 1px solid #009aa6; text-shadow: 0 -1px 2px #00767f; } #vsct-france-booking-flight #flight-outward-time, #vsct-france-booking-flight #flight-inward-time { width: 82px; } /* legend when js disabled*/ #vsct-france-booking-flight .hotel-option legend, #vsct-france-booking-flight .car-option legend { color: #009aa6; } /* /legend when js disabled*/ /* detailed search*/ #vsct-france-booking-flight .detailed-search, #booking-forms #vsct-france-booking-flight .detailed-search input { color: #009aa6; } #booking-forms #vsct-france-booking-flight .detailed-search input { border-bottom: 1px solid #009aa6; } /* /detailed search*/ /* ----------------------------------------------------------------------------- /Booking flight -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Booking hotel -------------------------------------------------------------------------- */ form#vsct-france-booking-hotel h2 span{ color: #7ab800; } #vsct-france-booking-hotel .hotel-room .hotel legend { font-style: italic; } #vsct-france-booking-hotel input.button-primary { background-color: #7ab800; /* Fallback Color */ background: -webkit-gradient(linear,left top,left bottom,from(#7ab800),to(#6ea600)); background: -webkit-linear-gradient(top, #7ab800 0%, #6ea600 100%); background: -moz-linear-gradient(top, #7ab800 0%, #6ea600 100%); background: -ms-linear-gradient(top, #7ab800 0%, #6ea600 100%); background: -o-linear-gradient(top, #7ab800 0%, #6ea600 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab800', endColorstr='#6ea600', GradientType=0); zoom: 1; /* trigger hasLayout */ border: 1px solid #7ab800; text-shadow: 0 -1px 2px #5e8d00; } /* detailed search*/ #vsct-france-booking-hotel .detailed-search, #booking-forms #vsct-france-booking-hotel .detailed-search input { color: #7ab800; } #booking-forms #vsct-france-booking-hotel .detailed-search input { border-bottom: 1px solid #7ab800; } .msie6 #hotel-city { width: 250px; } /* /detailed search*/ /* ----------------------------------------------------------------------------- /Booking hotel -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Booking car -------------------------------------------------------------------------- */ form#vsct-france-booking-car h2 span{ color: #cb0044; } #vsct-france-booking-car .hotel-room .hotel legend { font-style: italic; } #vsct-france-booking-car input.button-primary { background-color: #cb0044; /* Fallback Color */ background: -webkit-gradient(linear,left top,left bottom,from(#cb0044),to(#a00036)); background: -webkit-linear-gradient(top, #cb0044 0%, #a00036 100%); background: -moz-linear-gradient(top, #cb0044 0%, #a00036 100%); background: -ms-linear-gradient(top, #cb0044 0%, #a00036 100%); background: -o-linear-gradient(top, #cb0044 0%, #a00036 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb0044', endColorstr='#a00036', GradientType=0); zoom: 1; /* trigger hasLayout */ border: 1px solid #cb0044; text-shadow: 0 -1px 2px #9d0035; } /* detailed search*/ #vsct-france-booking-car .detailed-search, #booking-forms #vsct-france-booking-car .detailed-search input { color: #cb0044; } #booking-forms #vsct-france-booking-car .detailed-search input { border-bottom: 1px solid #cb0044; } /* /detailed search*/ /* ----------------------------------------------------------------------------- /Booking car -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Booking trip -------------------------------------------------------------------------- */ form#vsct-france-booking-trip h2 span { color: #e05206; } #vsct-france-booking-trip .submission { text-align: right; } #vsct-france-booking-trip input.button-primary { background-color: #e05206; /* Fallback Color */ background: -webkit-gradient(linear,left top,left bottom,from(#e05206),to(#ca4a05)); background: -webkit-linear-gradient(top, #e05206 0%, #ca4a05 100%); background: -moz-linear-gradient(top, #e05206 0%, #ca4a05 100%); background: -ms-linear-gradient(top, #e05206 0%, #ca4a05 100%); background: -o-linear-gradient(top, #e05206 0%, #ca4a05 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e05206', endColorstr='#ca4a05', GradientType=0); zoom: 1; /* trigger hasLayout */ border: 1px solid #e05206; text-shadow: 0 -1px 2px #ac3f05; float: none; } .js #vsct-france-booking-trip input.button-primary { float: right; } /* detailed search*/ #vsct-france-booking-trip .detailed-search, #booking-forms #vsct-france-booking-trip .detailed-search input { color: #e05206; } #booking-forms #vsct-france-booking-trip .detailed-search input { border-bottom: 1px solid #e05206; } /* /detailed search*/ /* ----------------------------------------------------------------------------- /Booking trip -------------------------------------------------------------------------- *//* ============================================================================= Bookings ========================================================================== */ /* ----------------------------------------------------------------------------- Booking communs -------------------------------------------------------------------------- */ .open .errors, .is-open .errors { padding-left: 40px; background-position: left center; } #booking-forms input.datepicker { background: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.png) 100px -92px no-repeat; width: 115px; } /* ----------------------------------------------------------------------------- More info link -------------------------------------------------------------------------- */ .moreInfo { color: #747678; background: transparent url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.png) no-repeat -7px -64px; padding: 0 15px 0 20px; } /***************/ /* Tab + */ /***************/ #bookings-tabs-links li a { color: #606060; font-weight: bold; display: block; } .js #booking-form-choice { float: left; z-index: 30; position: relative; } .js .train-in-front #booking-forms { position: absolute; margin-top: 49px; } .js #bookings-tabs { position: relative; float: right; z-index: 40; } .js #bookings-tabs.show-booking-tabs-links #bookings-tabs-links-box { display: block; } .js #bookings-tabs-links-box { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 179px; background-color: #333; position: absolute; -webkit-box-shadow: 0 0 10px 2px #8c8c8c; -moz-box-shadow: 0 0 10px 2px #8c8c8c; box-shadow: 0 0 10px 2px #8c8c8c; } .js #bookings-tabs-links-box { display: none; left: -55px; top: 59px; } .js #bookings-tabs-links-arrow { border-color: transparent transparent #333 transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; } .js #bookings-tabs-links-arrow { top: -20px; left: 70px; display: block; } .js #bookings-tabs a#booking-tabs-link { background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.png); background-position : -647px -0px; height: 55px; width: 49px; display: block; text-indent: -9999px; background-repeat: no-repeat; color: #333; } .js #bookings-tabs a#booking-tabs-link:hover { background-position: -598px -0px; } .js #bookings-tabs #bookings-tabs-links { padding-left: 0; padding-bottom: 0; } .js #bookings-tabs li { list-style: none; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.png); background-position: 0 -56px; background-repeat: no-repeat; } .js #bookings-tabs li.first{ background-image: none; } .js #bookings-tabs li.hover { background-color: #4d4d4d; } .js #bookings-tabs li a { color: #fff; padding: 5px 0 5px 10px; text-decoration: none; } .js #bookings-tabs li a:hover:after { content: " \25BA"; } /***************/ /* Tab + */ /***************/ /* e-pack*/ form .e-pack .form-item label.option { font-weight: bold; padding-bottom: 0; } .e-pack { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/stripes-dark-grey.png); margin-bottom: 10px; width: 260px; } .e-pack div { display: inline; float: left; margin: 7px 0 3px 0; } .e-pack legend { margin-top: -9999px; position: absolute; } .e-pack #add-to-train-hotel-wrapper, .e-pack #add-to-flight-hotel-wrapper { margin-right: 20px; margin-left: 10px; } .js .car-option, .js .hotel-option { display: none; } .js .car-option.selected, .js .hotel-option.selected { display:block; } /* /e-pack*/ /* ECO COMPARE */ #eco-compare { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-color: #d0d0d0; border-width: 0 1px 1px 1px; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/stripes-light-grey.png); width: 280px; height: 50px; margin-left: 10px; border-style: solid; clear: both; margin-bottom: 40px; margin-top: -40px; } .js #eco-compare { margin-top: 0; } #eco-compare a#eco-compare-link { float: left; display: block; color: #747678; padding: 8px; text-decoration: none; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.png); background-position: -37px -61px; background-repeat: no-repeat; width: 94%; } #eco-compare a span.eco-compare-link { text-decoration: underline; } #eco-compare a span.eco-compare-text { font-weight: bold; text-transform: uppercase; font-size: 1.1em; color: #1aa1ff; text-decoration: none; display: block; } #eco-compare span.eco-compare-text:after { content: " \25BA"; } .train-in-front #eco-compare { position: absolute; margin-top: 460px; } /* /ECO COMPARE */ /* hotels rooms */ .js #vsct-france-booking-train .hotel-room .hotel legend, #vsct-france-booking-train .hotel-room .hotel legend, .js #vsct-france-booking-flight .hotel-room .hotel legend, #vsct-france-booking-flight .hotel-room .hotel legend { color: #606060; font-style: italic; } /* /hotels rooms */ #train-detailed-search { text-align: right; display: block; margin-top: 2px; margin-bottom: 0; } #train-detailed-search .arrow:after { content: " \25BA"; } /* ----------------------------------------------------------------------------- /// Booking communs -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Booking train -------------------------------------------------------------------------- */ #vsct-france-booking-form.train-in-front { height: 555px; } #close-booking-train { position: absolute; left: 555px; font-size: 12px; font-weight: bold; color: #747678; text-decoration: none; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/close.png); background-repeat: no-repeat; background-position: top right; padding-right: 25px; padding-bottom: 5px; cursor: pointer; } .open .booking-left, .is-open .booking-left { float: left; } .booking-right { } .js .open .booking-right, .js .is-open .booking-right { width: 300px; display: block; } .js .open .booking-right { position: absolute; left: 320px; } .js .is-open .booking-right { float: right; } .js #booking-forms { border: 1px solid #9a9b9c; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.8); -moz-box-shadow: 0 2px 8px rgba(0,0,0,.8); box-shadow: 0 2px 8px rgba(0,0,0,.8); } .js .booking-right { display: none; } #train-direct-travel-check-wrapper { margin-top: -3px; } /* legend when js disabled*/ #vsct-france-booking-train .hotel-option legend, #vsct-france-booking-train .car-option legend { color: #0088ce; } .js #vsct-france-booking-train .hotel-option { width: 260px; } /* /legend when js disabled*/ /* passengers*/ .open #train-passengers, .is-open #train-passengers { margin-bottom: 0; } .train-passengers { margin-top: -5px; } #train-passengers .train-passengers legend { padding-bottom: 0px; } #train-passengers #train-passengers-num { float: left; width: 62px; margin-top: 5px; } #train-passengers .train-passengers fieldset { /*width: 280px;*/ padding: 23px 10px 10px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/stripes-dark-grey.png); position: relative; margin-top: 10px; margin-left: 70px; } #train-passengers .train-passengers fieldset#train-passenger-1 { margin-top: 0; } #train-passengers .train-passengers fieldset legend { position: absolute; top: 5px; width: 175px; border-bottom: 1px solid #8f8f8f; } .open #train-passengers .train-passengers fieldset legend, .is-open #train-passengers .train-passengers fieldset legend { width: 210px; } #train-passengers .train-passengers select { width: 175px; } #train-passengers .train-passengers-age { width: 175px; border-top: 1px solid #fff; margin-top: 1px; padding-top: 3px; } .open #train-passengers .train-passengers-age, .is-open #train-passengers .train-passengers-age { width: 210px; } #train-passengers .train-passengers select.passenger-age { width: 85px; } #train-passengers .train-passengers-age .under-four { display: block; margin-top: -4px; white-space: nowrap; color: #0088ce; } #train-passengers .train-passengers-card, #train-passengers .train-passengers select.passenger-card { width: 175px; } #train-passengers .train-passengers-card select optgroup { font-style: normal; } #train-passengers .with-more-info { position: relative; } #train-passengers .more-info { display: none; } .js #train-passengers .train-passengers-card .more-info { background: transparent url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.png) no-repeat -7px -64px; position: relative; right: -180px; text-indent: -9999em; margin-top: -31px; margin-bottom: 7px; width: 20px; } #train-passengers .train-passengers-fid, #train-passengers .train-passengers select.passenger-fid { width: 160px; } #train-passengers .train-passengers-reduc, #train-passengers .train-passengers select.passenger-reduc { width: 60px; } #vsct-france-booking-form input.passenger-fid-num { width: 75px; } span.prefix { margin-right: 5px; } #train-passenger-1-age-wrapper, #train-passenger-2-age-wrapper, #train-passenger-3-age-wrapper, #train-passenger-4-age-wrapper, #train-passenger-5-age-wrapper, #train-passenger-6-age-wrapper, #train-passenger-1-card-wrapper, #train-passenger-2-card-wrapper, #train-passenger-3-card-wrapper, #train-passenger-4-card-wrapper, #train-passenger-5-card-wrapper, #train-passenger-6-card-wrapper, #train-passenger-1-reduc-wrapper, #train-passenger-2-reduc-wrapper, #train-passenger-3-reduc-wrapper, #train-passenger-4-reduc-wrapper, #train-passenger-5-reduc-wrapper, #train-passenger-6-reduc-wrapper { margin-bottom: 3px; } #train-passenger-1-fid-wrapper, #train-passenger-2-fid-wrapper, #train-passenger-3-fid-wrapper, #train-passenger-4-fid-wrapper, #train-passenger-5-fid-wrapper, #train-passenger-6-fid-wrapper { margin-bottom: 0; } #train-passenger-1-fid-num-begin-wrapper, #train-passenger-2-fid-num-begin-wrapper, #train-passenger-3-fid-num-begin-wrapper, #train-passenger-4-fid-num-begin-wrapper, #train-passenger-5-fid-num-begin-wrapper, #train-passenger-6-fid-num-begin-wrapper { margin-top: 3px; margin-bottom: 0; } /* /passengers*/ /* flexi calendar */ #train-flexible-check-wrapper { background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/stripes-blue.png); background-color: #008fd0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-width: 1px; margin-left: -4px; padding: 4px; } #train-flexible-check-wrapper label { color: #fff; } /* /flexi calendar */ /* ----------------------------------------------------------------------------- ///// Booking train -------------------------------------------------------------------------- */ .msie6 .train-in-front, .msie7 .train-in-front { position: relative; } .msie7 .train-in-front #booking-forms { margin-top: -10px; } .msie6 #bookings-tabs a#booking-tabs-link { background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.gif); } .msie6 #eco-compare { background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/stripes-light-grey.png); } .msie6 #eco-compare a#eco-compare-link { background-image: url(/web/20130316112406im_/http://guide.voyages-sncf.com/resources/france-booking/ressources-booking-france/sprites-booking.gif); } .msie6 .train-in-front #eco-compare { margin-top: 0; } .msie7 .train-in-front #eco-compare.form-open { margin-top: 397px; } .msie7 .train-in-front #eco-compare { margin-top: 400px; } .msie6 .train-in-front #eco-compare.form-open, .msie6 .train-in-front #eco-compare, .msie7 .train-in-front #eco-compare.form-open, .msie7 .train-in-front #eco-compare { left: 0; } .opera .train-in-front #eco-compare { margin-top: 478px; } .chrome .train-in-front #eco-compare, .safari .train-in-front #eco-compare { margin-top: 468px; } .msie6 #close-booking-train, .msie7 #close-booking-train { top: 15px; } .msie6 .booking-left, .msie6 .open .booking-left, .msie6 .is-open .booking-left, .msie7 .booking-left, .msie7 .open .booking-left, .msie7 .is-open .booking-left { margin-bottom: 10px; } .msie6 .open .booking-right, .msie6 .is-open .booking-right, .msie7 .open .booking-right, .msie7 .is-open .booking-right { top: 95px; } .msie6 .open .e-pack legend, .msie6 .is-open .e-pack legend, .msie7 .open .e-pack legend, .msie7 .is-open .e-pack legend { top: 6px; } .msie8 .open .e-pack legend, .msie8 .is-open .e-pack legend { top: 8px; } .msie7 #train-passengers .train-passengers fieldset legend { left: 10px; } /* FILE ARCHIVED ON 11:24:06 Mar 16, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:54:41 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: 93.536 exclusion.robots: 0.077 exclusion.robots.policy: 0.071 cdx.remote: 0.056 esindex: 0.008 LoadShardBlock: 66.273 (3) PetaboxLoader3.datanode: 60.102 (4) CDXLines.iter: 17.384 (3) load_resource: 87.677 PetaboxLoader3.resolve: 45.016 */