input.datepicker { background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/datepicker.png); background-repeat: no-repeat; background-position: top right; } #ui-datepicker-div { z-index: 40; padding: 5px; background-color: #b2b4b3; width: 125px; text-align: center; -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-top: 7px; display: none; } .ui-datepicker-header:before { content: "\25B2"; display: block; position: absolute; /* step 2 */ top: -18px; left: 50px; /* step 3 */ color: #B2B4B3; } #ui-datepicker-div, .ui-datepicker-header, .ui-datepicker-calendar, .ui-datepicker-buttonpane { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; } .ui-datepicker-header, .ui-datepicker-calendar, .ui-datepicker-buttonpane { background-color: #FFF; padding: 5px; } .ui-datepicker-header, .ui-datepicker-calendar { margin-bottom: 5px; } .ui-datepicker-header { position: relative; } .ui-datepicker-prev, .ui-datepicker-next { background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/sprite-datepicker.png); background-repeat: no-repeat; text-indent: -99999px; position: absolute; top: 10px; width: 1.8em; height: 1.8em; cursor: pointer; height: 8px; } .ui-datepicker-prev { float: left; left: 5px; } .ui-datepicker-next { float: right; right: -5px; background-position: 0 -10px; } .ui-datepicker-title { font-weight: bold; } .ui-datepicker-title, .ui-datepicker-calendar span { color: #B9B9B9; } .ui-datepicker-calendar { width: 125px; display: block; border-collapse: collapse; } .ui-datepicker thead { border-bottom: 1px solid #B2B4B3; } .ui-datepicker th { padding: 0; text-align: center; font-weight: normal; border: 0; color:#B9B9B9; } .ui-datepicker td { padding: 1px; height: 12px; width: 12px; margin: 1px; } .ui-datepicker-calendar a { color: #0088ce; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .5; filter: Alpha(Opacity=50); background-color: #FFF; } .ui-state-disabled a, .ui-widget-content .ui-state-disabled a { color: #B2B4B3; } td.ui-datepicker-current-day, td.ui-td-state-hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* box shadow */; background-color: #0088ce; } td.ui-datepicker-current-day a, td.ui-td-state-hover a { color: #FFF; } .ui-datepicker-other-month a { color: #B2B4B3; } .ui-state-disabled { cursor: default !important; } .ui-datepicker td span, .ui-datepicker td a, .msie6 .ui-datepicker td a { display: block; padding: 1px; text-align: center; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { border: none; background: #fff; text-align: center; color: #0088ce; font-weight: bold; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover { text-decoration: underline; } .ui-datepicker-close { display: none; } .chrome .ui-datepicker-calendar, .safari .ui-datepicker-calendar { width: 115px; }.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; }/* ============================================================================= 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: "AvenirBook",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 { 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-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 { padding-top: 5px; height: 26px; display: block; text-decoration: none; text-align: center; } a.button-secondary:visited { color: #606060; } /* ============================================================================= Forms ========================================================================== */ #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; padding: 7px; } #vsct-france-booking-form input[type='submit'] { height: 35px; }/** * 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-left: 40px; background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/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/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/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: #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); 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: #000000; } /* ============================================================================= //////////// Common styles ========================================================================== */ /* ============================================================================= Forms ========================================================================== */ #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; padding: 7px; font-size: 10px; } #vsct-france-booking-form input[type='submit'] { height: 35px; font-family: Arial,Helvetica,sans-serif; text-transform: capitalize; } /* ============================================================================= //////////////Forms ========================================================================== */ /* ============================================================================= Generic ========================================================================== */ @font-face { font-family: 'AvenirBook'; src: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/avenirltstd-book-webfont.eot); src: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/avenirltstd-book-webfont.eot#iefix) format('embedded-opentype'), url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/avenirltstd-book-webfont.woff) format('woff'), url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/avenirltstd-book-webfont.ttf) format('truetype'), url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/avenirltstd-book-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: "AvenirBook", 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 ========================================================================== */ .js #vsct-france-booking-form #booking-forms { margin-bottom: 20px; margin-top: -10px; } .msie7 #vsct-france-booking-form #booking-choice { margin-left: -40px; } .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; } .open .errors, .is-open .errors { padding-left: 40px; background-position: left center; } input[type='checkbox'], input[type='radio'] { padding-top: 5px; } input[type='text'] { width: 245px; color: #999999; } .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-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/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/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 : -0px -0px; } #booking-form-choice li#vsct-france-booking-train-link.disabled { background-position : -60px -0px; } #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 -0px; } #booking-form-choice li#vsct-france-booking-flight-link.disabled { background-position : -180px -0px; } #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 -0px; } #booking-form-choice li#vsct-france-booking-hotel-link.disabled { background-position : -299px -0px; } #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 -0px; } #booking-form-choice li#vsct-france-booking-car-link.disabled { background-position : -418px -0px; } #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 -0px; } #booking-form-choice li#vsct-france-booking-trip-link.disabled { background-position : -538px -0px; } #bookings-tabs-links li a { color: #606060; font-weight: bold; } .js #booking-form-choice { float: left; z-index: 30; position: relative; } .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: #333333; position: absolute; box-shadow: 0 0px 10px 2px #8C8C8C; -webkit-box-shadow: 0 0px 10px 2px #8C8C8C; -moz-box-shadow: 0 0px 10px 2px #8C8C8C; } .js #bookings-tabs-links-box { display: none; left: -55px; top: 59px; } .js #bookings-tabs-links-arrow { border-color: transparent transparent #333333 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/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/sprites-booking.png); background-position : -647px -0px; height: 55px; width: 49px; display: block; text-indent: -9999px; background-repeat: no-repeat; color: #333333; } .js #bookings-tabs a#booking-tabs-link:hover { background-position : -598px -0px; } .js #bookings-tabs #bookings-tabs-links { padding-left: 0; padding-bottom: 0px; } .js #bookings-tabs li { list-style: none; padding: 5px 0px 5px 10px; background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/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; text-decoration: none; } .js #bookings-tabs li a:hover:after { content: " \25BA"; } /* /Menu */ .js #booking-forms { z-index: 10; position: relative; margin-top: -13px; float: left; width: 260px; margin-bottom: 0; } #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: #999999; height: 29px; padding: 4px; } form .form-item { margin-bottom: 10px; margin-top: 0; } #vsct-france-booking-form form legend { font-weight: bold; } #vsct-france-booking-form label { color: #606060; padding-bottom: 3px; } .booking span.form-required { color: #606060; } /* submit buttons*/ form.booking .button-secondary { display: inline; float: left; } form.booking .button-primary { float: right; display: inline; } input[type='submit'].form-submit { width: 125px; margin-top: 10px; height: 35px; } /* /submit buttons */ /* 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/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/stripes-dark-grey.png); margin-bottom: 10px; } .e-pack div { display: inline; float: left; margin: 5px 0 3px 0; } #booking-forms.open fieldset.e-pack, #booking-forms.is-open fieldset.e-pack { width: 600px; position: relative; } .e-pack legend { 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*/ #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; } .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 */ /* 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 input { background-color: transparent; border: none; border-bottom: 1px solid #0090cc; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .detailed-search em { font-style: normal; display: block; } /* /detailed search */ /* 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/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/stripes-light-grey.png); width: 280px; height: 50px; margin-left: 10px; border-style: solid; clear: both; margin-bottom: 40px; } #eco-compare a#eco-compare-link { float: left; display: block; color: #8c8c8c; padding: 8px; text-decoration: none; background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/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"; } /* /ECO COMPARE */ #vsct-france-booking-form.train-in-front { height: 555px; } .train-in-front #eco-compare { position: absolute; margin-top: 470px; } .msie6 #booking-form-choice li { background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/sprites-booking.gif); } .msie6 #bookings-tabs a#booking-tabs-link { background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/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; } .msie6 #eco-compare { background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/stripes-light-grey.png); } .msie6 #eco-compare a#eco-compare-link { background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/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, .msie7 .train-in-front { position: relative; } .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: 0px; } .opera .train-in-front #eco-compare { margin-top: 478px; } .chrome .train-in-front #eco-compare, .safari .train-in-front #eco-compare { margin-top: 468px; } /* ----------------------------------------------------------------------------- /Booking communs -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Booking train -------------------------------------------------------------------------- */ #close-booking-train { position: absolute; left: 555px; font-size: 12px; font-weight: bold; color: #9a9b9c; text-decoration: none; background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/ressources-booking-france/close.png); background-repeat: no-repeat; background-position: top right; padding-right: 25px; padding-bottom: 5px; } #vsct-france-booking-form .left { width: 260px; } #vsct-france-booking-form .right { margin-top: 10px; } .open .left, .is-open .left { float: left; /*height: 240px;*/ } .open .e-pack legend, .is-open .e-pack legend { top:4px; left: 10px; color: #0088CE; } .open #add-to-train-hotel-wrapper, .is-open #add-to-train-hotel-wrapper { margin-left: 115px; } .submission { /*clear: both*/ /*border-top: 1px solid #eeeeee;*/ } .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; } .js .open .right, .js .is-open .right { width: 300px; display: block; margin-bottom: 10px; } .js .open .right { position: absolute; left: 320px; } .js .is-open .right { float: right; } #vsct-france-booking-form .js .right { display: none; } /* 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*/ /* 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; } #train-num-passengers-wrapper label { position: absolute; top: -9999px; } #train-num-passengers-wrapper { float: left; } .train-passengers { float: right; margin-top: -20px; } #train-num-passengers { width: 50px; margin-right: 20px; } #train-passengers .train-passengers, #train-passengers .train-passengers select { width: 170px; } .js #train-passenger-1-wrapper, .js #train-passenger-2-wrapper, .js #train-passenger-3-wrapper, .js #train-passenger-4-wrapper, .js #train-passenger-5-wrapper, .js #train-passenger-6-wrapper { display: none; } /* /passengers */ /* flexi calendar */ #train-flexible-check-wrapper { background-image: url(/web/20130317001721im_/http://agence.voyages-sncf.com/daily/common/style/v29/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 */ .msie #booking-forms.is-open { border: 1px solid #EAEAEA; } .msie6 #close-booking-train, .msie7 #close-booking-train { top: 15px; } .msie6 .left, .msie6 .open .left, .msie6 .is-open .left, .msie7 .left, .msie7 .open .left, .msie7 .is-open .left { margin-bottom: 10px; } .msie6 .open .right, .msie6 .is-open .right, .msie7 .open .right, .msie7 .is-open .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; } /* ----------------------------------------------------------------------------- /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: 0px -1px 2px #00767f } .applemac-safari #vsct-france-booking-flight .submission, .applemac-safari #vsct-france-booking-hotel .submission, .applemac-safari #vsct-france-booking-car .submission, .applemac-safari #vsct-france-booking-trip .submission { display: inline-block; margin-left: 65px; } .detailed-search { width: 70px; float: left; margin-top: 20px !important; } /* 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: 0px -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: 0px -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 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: 0px -1px 2px #ac3f05; } /* 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 -------------------------------------------------------------------------- */ .wizard { display: block; float: left; margin-bottom: 40px; height:auto; } #vsct-france-booking-form.train-in-front { display: block; float: left; height:auto !important; } .msie7 #vsct-france-booking-form #booking-choice { margin-left: 0; } .msie7 #vsct-france-booking-form #booking-choice ul li { margin-top: -5px; } /* FILE ARCHIVED ON 00:17:21 Mar 17, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:57:01 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: 188.626 exclusion.robots: 0.141 exclusion.robots.policy: 0.129 cdx.remote: 0.087 esindex: 0.012 LoadShardBlock: 160.649 (3) PetaboxLoader3.datanode: 178.842 (5) CDXLines.iter: 17.475 (3) load_resource: 159.641 (2) PetaboxLoader3.resolve: 76.9 (2) */