/* Ce fichier est une concatenation de : * - /css/search-ui.css * - /resources/france-booking/france-booking.css * - /hexago/css/style.css */ /*-------------------------------------------------------------------- * * /css/search-ui.css * * ------------------------------------------------------------------- */ @CHARSET "UTF-8"; /** Colors used #00619e Exalead blue - Important links (Pagination, ...) #197ebf Weak Exalead blue - Non-vital links #222 Bold text, H3 Text #333 Primary body text #444 Secondary body text (CSS class .quiet), non-vital information #666 Even less important text #FFF H2 Text #5c9dd4 H2 Background (is gradient) #F0F0F0 H3 background #CCC Border around H3 and widgets #c9def1 Refine color background */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } /** * Utility classes */ .theme_enterprise .searchWidget.small-margin-bottom { margin-bottom: 5px; } .theme_enterprise .searchWidget.small-margin-top { margin-top: 5px; } .theme_enterprise .searchWidget.small-margin { margin-top: 5px; margin-bottom: 5px; } .theme_enterprise .searchWidget.medium-margin-bottom { margin-bottom: 10px; } .theme_enterprise .searchWidget.medium-margin-top { margin-top: 10px; } .theme_enterprise .searchWidget.medium-margin { margin-top: 10px; margin-bottom: 10px; } .theme_enterprise .searchWidget.large-margin-bottom { margin-bottom: 20px; } .theme_enterprise .searchWidget.large-margin-top { margin-top: 20px; } .theme_enterprise .searchWidget.large-margin { margin-top: 20px; margin-bottom: 20px; } .theme_enterprise .rounded-top { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .theme_enterprise .rounded-bottom { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .theme_enterprise .rounded-bottom-left { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .theme_enterprise .rounded-bottom-right { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .theme_enterprise .rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .theme_enterprise .border { border: 1px #ccc solid; } .theme_enterprise .border.not-top { border-top: 0; } .theme_enterprise .border.not-bottom { border-bottom: 0; } .theme_enterprise .border.not-left { border-left: 0; } .theme_enterprise .border.not-right { border-right: 0; } .theme_enterprise .white-background { background: white; } .theme_enterprise .small-padding { padding: 5px; } .theme_enterprise .med-padding { padding: 10px; } .theme_enterprise .large-padding { padding: 20px; } /* Generic Info / Error boxes */ .error-box { color: red; padding: 5px; margin: 10px 0; background: #fee; } .error-box a { color: red; font-weight: bold; } /* CSSPIE triggers hasLayout on it's elements, which causes the hit
  • s in displayHits to be displaced in IE6 & 7 This is a known bug: http://csscreator.com/node/6745 .ie6 .rounded-top, .ie6 .rounded-bottom, .ie6 .rounded, .ie7 .rounded-top, .ie7 .rounded-bottom, .ie7 .rounded, */ /* FIXME Charting borders are not displayed .ie8 .rounded-top, .ie8 .rounded-bottom, .ie8 .rounded { behavior: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/resources/PIE.htc); -pie-lazy-init:true; } */ body { font: 13px arial, helvetica, sans-serif; /*line-height: 18px;*/ padding: 10px 0px; margin: 0px auto; } body.theme_search { background-color: #fff; } body.theme_enterprise { /** sans-serif font stack with Arial-like modern fonts */ font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; background: whiteSmoke; color: #333; } a { color: #3279BE; text-decoration:underline; } .theme_search a { color: #3279BE; } .theme_enterprise a { color: #197ebf; } a:hover { text-decoration:none; } a[rel="external"], a.external { padding-right: 17px; background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/icon_external_link.gif) no-repeat right top; } form { margin: 0; text-align: left; } li { list-style: none; } img { border: none; } input { outline: none; /* Remove ugly glow on Safari :) */ } /* * Decorate buttons */ button.decorate, input.decorate, textarea.decorate, select.decorate { background-color: #fff; border: 1px solid #ccc; vertical-align: middle; color: #4f5050; outline: none; /* Remove ugly glow on Safari :) */ padding: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } button.decorate:focus, input.decorate:focus, select.decorate:focus, textarea.decorate:focus { padding: 1px; border: 2px solid #FFD754; background-color: #FFFAEB; } select.decorate:focus { padding: 0px 1px; } select.decorate { padding: 1px 2px; } input[type=checkbox].decorate { border: 0px none; padding: 0px; } input[type=text].decorate { background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F9F9F9'); background-image: -moz-linear-gradient(top, #FFFFFF, #F9F9F9); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F9F9F9)); background-image: -webkit-linear-gradient(#FFFFFF, #F9F9F9); background-image: linear-gradient(top, #FFFFFF, #F9F9F9); } button.decorate, input[type=button].decorate, input[type=submit].decorate { padding: 1px 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#E3E3E3'); background-image: -moz-linear-gradient(top, #F9F9F9, #E3E3E3); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F9F9F9),color-stop(1, #E3E3E3)); background-image: -webkit-linear-gradient(#F9F9F9, #E3E3E3); background-image: linear-gradient(top, #F9F9F9, #E3E3E3); cursor: pointer; } button.decorate:hover, input[type="button"].decorate:hover, input[type="submit"].decorate:hover { border-color: #939393; color: #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#d3d3d3'); background-image: -moz-linear-gradient(top, #F9F9F9, #d3d3d3); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F9F9F9),color-stop(1, #d3d3d3)); background-image: -webkit-linear-gradient(#F9F9F9, #d3d3d3); background-image: linear-gradient(top, #F9F9F9, #d3d3d3); } button.decorate:focus, input[type="button"].decorate:focus, input[type="submit"].decorate:focus { padding: 1px; border: 1px solid #939393; } /* /Decorate buttons */ .debug { background: #c00; color: #fff; border-color: #f00; padding: 1px; display: none; } /* * Headlines */ h1 { font-size: 18px; } .theme_search h1 { color: #ED6813; } .theme_enterprise h1 { font-weight: normal; } h2 { font-size: 16px; margin-bottom: 5px; } .theme_search h2 { color: #ED6813; } /** * Long blue bar, rounded top */ .theme_enterprise h2 { display: block; margin: 0; padding: 0 10px; color: white; font-size: 14px; font-weight: bold; line-height: 30px; text-align: left; /* Old PlayDo style background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/theme_enterprise_bg_head_2.png); */ -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #398FD1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#398FD1', endColorstr='#1e69a2'); background-image: -moz-linear-gradient(top, #398FD1, #1e69a2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #398FD1),color-stop(1, #1e69a2)); background-image: -webkit-linear-gradient(#398FD1, #1e69a2); background-image: linear-gradient(top, #398FD1, #1e69a2); } /* //FIXME It doesn't work with pieChart widgets .... .ie6 h2, .ie7 h2, .ie8 h2 { behavior: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/resources/PIE.htc); -pie-lazy-init:true; } */ /** * Also rounded bottom, 5px bottom margin */ .theme_enterprise h2.rounded { margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /** * For non-vital visual blocks */ .theme_enterprise .secondary-nav h2 { color: white; background-color: #aaa; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999'); background-image: -moz-linear-gradient(top, #bbbbbb, #999999); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bbbbbb),color-stop(1, #999999)); background-image: -webkit-linear-gradient(#bbbbbb, #999999); background-image: linear-gradient(top, #bbbbbb, #999999); text-shadow: 1px 1px #555; } .theme_enterprise.ie6 .secondary-nav h2, .theme_enterprise.ie7 .secondary-nav h2, .theme_enterprise.ie8 .secondary-nav h2 { color: black; text-shadow: none; } h3 { font-size: 13px; } .theme_search h3 { color: #3279BE; } .theme_enterprise h3 { color: #222; margin: 5px 0 10px 0; padding: 0px 10px 0px 10px; background: #F0F0F0; display: block; font-size: 13px; font-weight: bold; line-height: 26px; border-bottom: 1px solid #ccc; } .theme_enterprise h3 a { color: #222; } .theme_enterprise h3:first-child { margin-top: 0; } h4 { font-size: 12px; } .theme_search h4 { color: #3279BE; } .theme_enterprise h4 { color: #222; font-size: 13px; font-style: italic; font-weight: normal; } .theme_enterprise h4 a { } .theme_enterprise h4:first-child { margin-top: 0; } /* /Headlines */ /* Refines */ a.refined { color: #333; line-height: 20px; } .theme_enterprise a.refined { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/cross.png") no-repeat scroll right center #C9DEF1; padding: 1px 20px 1px 4px; color: #00619E; } .theme_enterprise a.refined:hover { background-color: #1E69A2; color: #fff; } .theme_enterprise .refines-separator { color: #707070; font-size: 11px; font-weight: bold; } /* /Refines */ /* * Mashup */ .theme_search table.row { border-collapse: collapse; } .theme_enterprise table.row { border-spacing: 10px 5px; } .theme_search table.row td.cell { padding: 4px; } .searchWidget { margin: 0px auto 10px; } /* /Mashup */ /* * Exception */ a.exception img { margin: 10px;} div.exception { -moz-border-radius:10px; -webkit-border-radius: 10px; background-color:#FFFFFF; margin:10px auto; padding:10px; width:1000px; } div.exception .detail { -moz-border-radius:7px; -webkit-border-radius: 7px; border:2px solid #EF3101; } div.exception .detail h3 { background-color: #EF3101; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF3101', endColorstr='#dF2101'); background-image: -moz-linear-gradient(top, #EF3101, #dF2101); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EF3101),color-stop(1, #dF2101)); background-image: -webkit-linear-gradient(#EF3101, #dF2101); background-image: linear-gradient(top, #EF3101, #dF2101); color:#FFFFFF; padding:2px 10px; } div.exception .detail div { font-size: 12px; padding: 3px 10px; } /* /Exception */ /** * Loading spinner */ .loading-overlay { background: #fff; opacity: 0.7; filter:alpha(opacity: 70); -moz-opacity: 0.70; -khtml-opacity: 0.70; } .loading-spinner { background: #fff resources/images/spinner.gif no-repeat center center; width: 90px; height: 60px; margin: -30px 0 0 -45px; -moz-border-radius: 4px 16px 4px 16px; border-radius: 4px 16px 4px 16px; text-align: center; } .loading-spinner-inner { } /** * Logo Widget PNG fix for IE6 */ .ie6 .searchWidget.logo img { /* -pie-png-fix: true; behavior: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/resources/PIE.htc); */ } /* * borders */ .theme_search .boxTop, .boxBottom { background-repeat:repeat-x; height:8px; font-size: 1px; /* hack IE 6 */ position: relative; } .theme_search .boxTop { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxTC.gif); margin: 0px 8px; } .theme_search .boxBottom { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxBC.gif); margin: 0px 8px; } .theme_search .boxTL, .theme_search .boxBL { position: absolute; background-repeat:no-repeat; height:8px; width:8px; left: -8px; } .theme_search .boxTL { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxTL.gif); } .theme_search .boxBL { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxBL.gif); } .theme_search .boxTR, .theme_search .boxBR { position: absolute; background-repeat:no-repeat; height:8px; width:8px; right: -8px; } .theme_search .boxTR { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxTR.gif); } .theme_search .boxBR { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxBR.gif); } /* */ .theme_search .boxTR { _right: -8px; } .theme_search .boxBR { _right: -7px; } .theme_search .boxBL { _left: -6px; } /* */ .theme_search .boxMD { border-color:#CCCCCC; border-style:none solid; border-width:1px; padding: 1px 8px; } .theme_enterprise .boxMD { padding: 5px; background-color: #fff; } /* /borders */ /* Box: same as MashupAdmin except h2.title => h3.title */ .theme_search .loadingBox { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); background-color: #6DA0F5; border-style:solid; border-width:2px; border-color: #6DA0F5; } .theme_enterprise .loadingBox { background-color:#FAFAFA; border:1px solid #EEEEEE; } .theme_search .loadingBox h2.title { padding:2px 10px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6DA0F5', endColorstr='#5D90e5'); background-image: -moz-linear-gradient(top, #6DA0F5, #5D90e5); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6DA0F5),color-stop(1, #5D90e5)); background-image: -webkit-linear-gradient(#6DA0F5, #5D90e5); background-image: linear-gradient(top, #6DA0F5, #5D90e5); color: #fff; margin-bottom: 0px; } .loadingBox div.content { overflow-y: auto; overflow-x: hidden; max-height: 300px; text-align: center; } .theme_search .loadingBox div.content { padding:13px 10px 13px 10px; background-color: #f5f5f5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(41, 62, 101, 0.25) inset; -webkit-box-shadow: 0 1px 1px rgba(41, 62, 101, 0.25) inset; box-shadow: 0 1px 1px rgba(41, 62, 101, 0.25); } .theme_enterprise .loadingBox div.content { padding:0px 10px 15px; } /* TopBar */ .theme_search .topBar { clear:both; color:#707070; height:35px; line-height:35px; text-align: left; background-color: #eee; } .theme_search .topBar .topBarLeft { background-color: transparent; background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/hitTopBarLeft.png) !important; background-image: none /* hack IE 6 */; background-repeat: no-repeat; background-position: left center; height:35px; padding-left: 12px; } .theme_search .topBar .topBarRight { background-color: transparent; background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/hitTopBarRight.png) !important; background-image: none /* hack IE 6 */; background-repeat: no-repeat; background-position: right center; height:35px; padding-right: 12px; font-weight: bold; } .theme_search .topBar .topBarCenter { background-color: transparent; background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/hitTopBarCenter.png) !important; background-image: none /* hack IE 6 */; background-repeat: repeat-x; background-position: center center; height:35px; } .theme_search .topBar .topBarCenter span.sort { font-weight: normal; font-size: 11px; float: right; } /* /TopBar */ /* * Commons */ /* No result */ .noresult { padding-top: 10px; text-align: left; } .noresult h3 { margin-bottom: 3px; } .noresult .query, .noresult .suggestions { margin-left: 10px; margin-bottom: 10px; } .noresult .suggestions li { list-style: disc inside none; } .noresult .contentWrapper { padding-top: 5px; } .theme_enterprise .noresult .contentWrapper { border: 1px solid #ccc; background: white; } /* No facets */ .nofacets { padding: 10px; } .nofacets span { color: #00619e; } /* /Commons */ /* * Data table style */ .theme_enterprise table.data-table, .theme_search table.data-table { border-collapse: collapse; width: 100%; table-layout: auto; } .theme_search table.data-table, .theme_search table.data-table th, .theme_search table.data-table td, .theme_enterprise table.data-table, .theme_enterprise table.data-table th, .theme_enterprise table.data-table td { border: 1px solid #D4DBDE; padding: 5px; white-space: nowrap; } .theme_search table.data-table th, .theme_enterprise table.data-table th { color: #333; text-align: center; } .theme_search table.data-table tr.top th, .theme_enterprise table.data-table tr.top th { background: #eaeaea; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eaeaea'); background-image: -moz-linear-gradient(top, #fafafa, #eaeaea); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fafafa),color-stop(1, #eaeaea)); background-image: -webkit-linear-gradient(#fafafa, #eaeaea); background-image: linear-gradient(top, #fafafa, #eaeaea); } .theme_search table.data-table tr.odd, .theme_enterprise table.data-table tr.odd { background-color: #fafafa; } .theme_search table.data-table tr.even, .theme_enterprise table.data-table tr.even { background-color: #f5f5f5; } .theme_enterprise table.data-table tr.hover:hover, .theme_enterprise table.data-table tr.hover:hover { background-color: #DFE5F2; color: #111; } .theme_search table.data-table td, .theme_enterprise table.data-table td { text-align:left; vertical-align:top; z-index: auto; } /*-------------------------------------------------------------------- * * /resources/france-booking/france-booking.css * * ------------------------------------------------------------------- */ input.datepicker { background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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; 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; } .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; text-align: center; color: #0088ce; cursor: pointer; padding: 2px; } .datepicker-wrapper .date-selector .prev { left: 0; background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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; } .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; 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; 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; } .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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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; -moz-border-radius: 3px; border-radius: 3px; -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); } #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); -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: resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.eot; src: resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.eot?#iefix format('embedded-opentype'), resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.woff format('woff'), resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.ttf format('truetype'), 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: 0; } #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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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: 0; 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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/ressources-booking-france/sprites-booking.png) 100px -92px no-repeat; width: 115px; } /* ----------------------------------------------------------------------------- More info link -------------------------------------------------------------------------- */ .moreInfo { color: #747678; background: transparent url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/ressources-booking-france/sprites-booking.gif); } .msie6 #eco-compare { background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/ressources-booking-france/stripes-light-grey.png); } .msie6 #eco-compare a#eco-compare-link { background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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; } /* Ce fichier est une concatenation de : * - /css/search-ui.css * - /resources/france-booking/france-booking.css * - /hexago/css/style.css */ /*-------------------------------------------------------------------- * * /css/search-ui.css * * ------------------------------------------------------------------- */ @CHARSET "UTF-8"; /** Colors used #00619e Exalead blue - Important links (Pagination, ...) #197ebf Weak Exalead blue - Non-vital links #222 Bold text, H3 Text #333 Primary body text #444 Secondary body text (CSS class .quiet), non-vital information #666 Even less important text #FFF H2 Text #5c9dd4 H2 Background (is gradient) #F0F0F0 H3 background #CCC Border around H3 and widgets #c9def1 Refine color background */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } /** * Utility classes */ .theme_enterprise .searchWidget.small-margin-bottom { margin-bottom: 5px; } .theme_enterprise .searchWidget.small-margin-top { margin-top: 5px; } .theme_enterprise .searchWidget.small-margin { margin-top: 5px; margin-bottom: 5px; } .theme_enterprise .searchWidget.medium-margin-bottom { margin-bottom: 10px; } .theme_enterprise .searchWidget.medium-margin-top { margin-top: 10px; } .theme_enterprise .searchWidget.medium-margin { margin-top: 10px; margin-bottom: 10px; } .theme_enterprise .searchWidget.large-margin-bottom { margin-bottom: 20px; } .theme_enterprise .searchWidget.large-margin-top { margin-top: 20px; } .theme_enterprise .searchWidget.large-margin { margin-top: 20px; margin-bottom: 20px; } .theme_enterprise .rounded-top { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .theme_enterprise .rounded-bottom { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .theme_enterprise .rounded-bottom-left { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .theme_enterprise .rounded-bottom-right { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .theme_enterprise .rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .theme_enterprise .border { border: 1px #ccc solid; } .theme_enterprise .border.not-top { border-top: 0; } .theme_enterprise .border.not-bottom { border-bottom: 0; } .theme_enterprise .border.not-left { border-left: 0; } .theme_enterprise .border.not-right { border-right: 0; } .theme_enterprise .white-background { background: white; } .theme_enterprise .small-padding { padding: 5px; } .theme_enterprise .med-padding { padding: 10px; } .theme_enterprise .large-padding { padding: 20px; } /* Generic Info / Error boxes */ .error-box { color: red; padding: 5px; margin: 10px 0; background: #fee; } .error-box a { color: red; font-weight: bold; } /* CSSPIE triggers hasLayout on it's elements, which causes the hit
  • s in displayHits to be displaced in IE6 & 7 This is a known bug: http://csscreator.com/node/6745 .ie6 .rounded-top, .ie6 .rounded-bottom, .ie6 .rounded, .ie7 .rounded-top, .ie7 .rounded-bottom, .ie7 .rounded, */ /* FIXME Charting borders are not displayed .ie8 .rounded-top, .ie8 .rounded-bottom, .ie8 .rounded { behavior: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/resources/PIE.htc); -pie-lazy-init:true; } */ body { font: 13px arial, helvetica, sans-serif; /*line-height: 18px;*/ padding: 10px 0px; margin: 0px auto; } body.theme_search { background-color: #fff; } body.theme_enterprise { /** sans-serif font stack with Arial-like modern fonts */ font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; background: whiteSmoke; color: #333; } a { color: #3279BE; text-decoration:underline; } .theme_search a { color: #3279BE; } .theme_enterprise a { color: #197ebf; } a:hover { text-decoration:none; } a[rel="external"], a.external { padding-right: 17px; background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/icon_external_link.gif) no-repeat right top; } form { margin: 0; text-align: left; } li { list-style: none; } img { border: none; } input { outline: none; /* Remove ugly glow on Safari :) */ } /* * Decorate buttons */ button.decorate, input.decorate, textarea.decorate, select.decorate { background-color: #fff; border: 1px solid #ccc; vertical-align: middle; color: #4f5050; outline: none; /* Remove ugly glow on Safari :) */ padding: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } button.decorate:focus, input.decorate:focus, select.decorate:focus, textarea.decorate:focus { padding: 1px; border: 2px solid #FFD754; background-color: #FFFAEB; } select.decorate:focus { padding: 0px 1px; } select.decorate { padding: 1px 2px; } input[type=checkbox].decorate { border: 0px none; padding: 0px; } input[type=text].decorate { background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F9F9F9'); background-image: -moz-linear-gradient(top, #FFFFFF, #F9F9F9); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F9F9F9)); background-image: -webkit-linear-gradient(#FFFFFF, #F9F9F9); background-image: linear-gradient(top, #FFFFFF, #F9F9F9); } button.decorate, input[type=button].decorate, input[type=submit].decorate { padding: 1px 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#E3E3E3'); background-image: -moz-linear-gradient(top, #F9F9F9, #E3E3E3); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F9F9F9),color-stop(1, #E3E3E3)); background-image: -webkit-linear-gradient(#F9F9F9, #E3E3E3); background-image: linear-gradient(top, #F9F9F9, #E3E3E3); cursor: pointer; } button.decorate:hover, input[type="button"].decorate:hover, input[type="submit"].decorate:hover { border-color: #939393; color: #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#d3d3d3'); background-image: -moz-linear-gradient(top, #F9F9F9, #d3d3d3); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F9F9F9),color-stop(1, #d3d3d3)); background-image: -webkit-linear-gradient(#F9F9F9, #d3d3d3); background-image: linear-gradient(top, #F9F9F9, #d3d3d3); } button.decorate:focus, input[type="button"].decorate:focus, input[type="submit"].decorate:focus { padding: 1px; border: 1px solid #939393; } /* /Decorate buttons */ .debug { background: #c00; color: #fff; border-color: #f00; padding: 1px; display: none; } /* * Headlines */ h1 { font-size: 18px; } .theme_search h1 { color: #ED6813; } .theme_enterprise h1 { font-weight: normal; } h2 { font-size: 16px; margin-bottom: 5px; } .theme_search h2 { color: #ED6813; } /** * Long blue bar, rounded top */ .theme_enterprise h2 { display: block; margin: 0; padding: 0 10px; color: white; font-size: 14px; font-weight: bold; line-height: 30px; text-align: left; /* Old PlayDo style background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/theme_enterprise_bg_head_2.png); */ -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #398FD1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#398FD1', endColorstr='#1e69a2'); background-image: -moz-linear-gradient(top, #398FD1, #1e69a2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #398FD1),color-stop(1, #1e69a2)); background-image: -webkit-linear-gradient(#398FD1, #1e69a2); background-image: linear-gradient(top, #398FD1, #1e69a2); } /* //FIXME It doesn't work with pieChart widgets .... .ie6 h2, .ie7 h2, .ie8 h2 { behavior: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/resources/PIE.htc); -pie-lazy-init:true; } */ /** * Also rounded bottom, 5px bottom margin */ .theme_enterprise h2.rounded { margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /** * For non-vital visual blocks */ .theme_enterprise .secondary-nav h2 { color: white; background-color: #aaa; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999'); background-image: -moz-linear-gradient(top, #bbbbbb, #999999); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bbbbbb),color-stop(1, #999999)); background-image: -webkit-linear-gradient(#bbbbbb, #999999); background-image: linear-gradient(top, #bbbbbb, #999999); text-shadow: 1px 1px #555; } .theme_enterprise.ie6 .secondary-nav h2, .theme_enterprise.ie7 .secondary-nav h2, .theme_enterprise.ie8 .secondary-nav h2 { color: black; text-shadow: none; } h3 { font-size: 13px; } .theme_search h3 { color: #3279BE; } .theme_enterprise h3 { color: #222; margin: 5px 0 10px 0; padding: 0px 10px 0px 10px; background: #F0F0F0; display: block; font-size: 13px; font-weight: bold; line-height: 26px; border-bottom: 1px solid #ccc; } .theme_enterprise h3 a { color: #222; } .theme_enterprise h3:first-child { margin-top: 0; } h4 { font-size: 12px; } .theme_search h4 { color: #3279BE; } .theme_enterprise h4 { color: #222; font-size: 13px; font-style: italic; font-weight: normal; } .theme_enterprise h4 a { } .theme_enterprise h4:first-child { margin-top: 0; } /* /Headlines */ /* Refines */ a.refined { color: #333; line-height: 20px; } .theme_enterprise a.refined { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/cross.png") no-repeat scroll right center #C9DEF1; padding: 1px 20px 1px 4px; color: #00619E; } .theme_enterprise a.refined:hover { background-color: #1E69A2; color: #fff; } .theme_enterprise .refines-separator { color: #707070; font-size: 11px; font-weight: bold; } /* /Refines */ /* * Mashup */ .theme_search table.row { border-collapse: collapse; } .theme_enterprise table.row { border-spacing: 10px 5px; } .theme_search table.row td.cell { padding: 4px; } .searchWidget { margin: 0px auto 10px; } /* /Mashup */ /* * Exception */ a.exception img { margin: 10px;} div.exception { -moz-border-radius:10px; -webkit-border-radius: 10px; background-color:#FFFFFF; margin:10px auto; padding:10px; width:1000px; } div.exception .detail { -moz-border-radius:7px; -webkit-border-radius: 7px; border:2px solid #EF3101; } div.exception .detail h3 { background-color: #EF3101; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF3101', endColorstr='#dF2101'); background-image: -moz-linear-gradient(top, #EF3101, #dF2101); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EF3101),color-stop(1, #dF2101)); background-image: -webkit-linear-gradient(#EF3101, #dF2101); background-image: linear-gradient(top, #EF3101, #dF2101); color:#FFFFFF; padding:2px 10px; } div.exception .detail div { font-size: 12px; padding: 3px 10px; } /* /Exception */ /** * Loading spinner */ .loading-overlay { background: #fff; opacity: 0.7; filter:alpha(opacity: 70); -moz-opacity: 0.70; -khtml-opacity: 0.70; } .loading-spinner { background: #fff resources/images/spinner.gif no-repeat center center; width: 90px; height: 60px; margin: -30px 0 0 -45px; -moz-border-radius: 4px 16px 4px 16px; border-radius: 4px 16px 4px 16px; text-align: center; } .loading-spinner-inner { } /** * Logo Widget PNG fix for IE6 */ .ie6 .searchWidget.logo img { /* -pie-png-fix: true; behavior: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/resources/PIE.htc); */ } /* * borders */ .theme_search .boxTop, .boxBottom { background-repeat:repeat-x; height:8px; font-size: 1px; /* hack IE 6 */ position: relative; } .theme_search .boxTop { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxTC.gif); margin: 0px 8px; } .theme_search .boxBottom { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxBC.gif); margin: 0px 8px; } .theme_search .boxTL, .theme_search .boxBL { position: absolute; background-repeat:no-repeat; height:8px; width:8px; left: -8px; } .theme_search .boxTL { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxTL.gif); } .theme_search .boxBL { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxBL.gif); } .theme_search .boxTR, .theme_search .boxBR { position: absolute; background-repeat:no-repeat; height:8px; width:8px; right: -8px; } .theme_search .boxTR { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxTR.gif); } .theme_search .boxBR { background-image:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/boxBR.gif); } /* */ .theme_search .boxTR { _right: -8px; } .theme_search .boxBR { _right: -7px; } .theme_search .boxBL { _left: -6px; } /* */ .theme_search .boxMD { border-color:#CCCCCC; border-style:none solid; border-width:1px; padding: 1px 8px; } .theme_enterprise .boxMD { padding: 5px; background-color: #fff; } /* /borders */ /* Box: same as MashupAdmin except h2.title => h3.title */ .theme_search .loadingBox { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); background-color: #6DA0F5; border-style:solid; border-width:2px; border-color: #6DA0F5; } .theme_enterprise .loadingBox { background-color:#FAFAFA; border:1px solid #EEEEEE; } .theme_search .loadingBox h2.title { padding:2px 10px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6DA0F5', endColorstr='#5D90e5'); background-image: -moz-linear-gradient(top, #6DA0F5, #5D90e5); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6DA0F5),color-stop(1, #5D90e5)); background-image: -webkit-linear-gradient(#6DA0F5, #5D90e5); background-image: linear-gradient(top, #6DA0F5, #5D90e5); color: #fff; margin-bottom: 0px; } .loadingBox div.content { overflow-y: auto; overflow-x: hidden; max-height: 300px; text-align: center; } .theme_search .loadingBox div.content { padding:13px 10px 13px 10px; background-color: #f5f5f5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(41, 62, 101, 0.25) inset; -webkit-box-shadow: 0 1px 1px rgba(41, 62, 101, 0.25) inset; box-shadow: 0 1px 1px rgba(41, 62, 101, 0.25); } .theme_enterprise .loadingBox div.content { padding:0px 10px 15px; } /* TopBar */ .theme_search .topBar { clear:both; color:#707070; height:35px; line-height:35px; text-align: left; background-color: #eee; } .theme_search .topBar .topBarLeft { background-color: transparent; background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/hitTopBarLeft.png) !important; background-image: none /* hack IE 6 */; background-repeat: no-repeat; background-position: left center; height:35px; padding-left: 12px; } .theme_search .topBar .topBarRight { background-color: transparent; background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/hitTopBarRight.png) !important; background-image: none /* hack IE 6 */; background-repeat: no-repeat; background-position: right center; height:35px; padding-right: 12px; font-weight: bold; } .theme_search .topBar .topBarCenter { background-color: transparent; background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/hitTopBarCenter.png) !important; background-image: none /* hack IE 6 */; background-repeat: repeat-x; background-position: center center; height:35px; } .theme_search .topBar .topBarCenter span.sort { font-weight: normal; font-size: 11px; float: right; } /* /TopBar */ /* * Commons */ /* No result */ .noresult { padding-top: 10px; text-align: left; } .noresult h3 { margin-bottom: 3px; } .noresult .query, .noresult .suggestions { margin-left: 10px; margin-bottom: 10px; } .noresult .suggestions li { list-style: disc inside none; } .noresult .contentWrapper { padding-top: 5px; } .theme_enterprise .noresult .contentWrapper { border: 1px solid #ccc; background: white; } /* No facets */ .nofacets { padding: 10px; } .nofacets span { color: #00619e; } /* /Commons */ /* * Data table style */ .theme_enterprise table.data-table, .theme_search table.data-table { border-collapse: collapse; width: 100%; table-layout: auto; } .theme_search table.data-table, .theme_search table.data-table th, .theme_search table.data-table td, .theme_enterprise table.data-table, .theme_enterprise table.data-table th, .theme_enterprise table.data-table td { border: 1px solid #D4DBDE; padding: 5px; white-space: nowrap; } .theme_search table.data-table th, .theme_enterprise table.data-table th { color: #333; text-align: center; } .theme_search table.data-table tr.top th, .theme_enterprise table.data-table tr.top th { background: #eaeaea; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eaeaea'); background-image: -moz-linear-gradient(top, #fafafa, #eaeaea); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fafafa),color-stop(1, #eaeaea)); background-image: -webkit-linear-gradient(#fafafa, #eaeaea); background-image: linear-gradient(top, #fafafa, #eaeaea); } .theme_search table.data-table tr.odd, .theme_enterprise table.data-table tr.odd { background-color: #fafafa; } .theme_search table.data-table tr.even, .theme_enterprise table.data-table tr.even { background-color: #f5f5f5; } .theme_enterprise table.data-table tr.hover:hover, .theme_enterprise table.data-table tr.hover:hover { background-color: #DFE5F2; color: #111; } .theme_search table.data-table td, .theme_enterprise table.data-table td { text-align:left; vertical-align:top; z-index: auto; } /*-------------------------------------------------------------------- * * /resources/france-booking/france-booking.css * * ------------------------------------------------------------------- */ input.datepicker { background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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; 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; } .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; text-align: center; color: #0088ce; cursor: pointer; padding: 2px; } .datepicker-wrapper .date-selector .prev { left: 0; background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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; } .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; 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; 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; } .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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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; -moz-border-radius: 3px; border-radius: 3px; -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); } #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); -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: resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.eot; src: resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.eot?#iefix format('embedded-opentype'), resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.woff format('woff'), resources/france-booking/ressources-booking-france/avenirltstd-roman-webfont.ttf format('truetype'), 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: 0; } #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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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: 0; 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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/ressources-booking-france/sprites-booking.png) 100px -92px no-repeat; width: 115px; } /* ----------------------------------------------------------------------------- More info link -------------------------------------------------------------------------- */ .moreInfo { color: #747678; background: transparent url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/ressources-booking-france/sprites-booking.gif); } .msie6 #eco-compare { background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/ressources-booking-france/stripes-light-grey.png); } .msie6 #eco-compare a#eco-compare-link { background-image: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/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; } /*-------------------------------------------------------------------- * * /resources/hexago/css/style.css * * ------------------------------------------------------------------- */ body { background: #e6e6e4; padding: 0; } .detailVoyazine h3, .detailVoyazine h4 { font-size:14px; margin-bottom:10px; } table.row { border-collapse: collapse; margin: auto; } iframe { border: 2px inset #000; } #mainWrapper { position:relative; /*z-index:55;*/ } #row_0 { z-index:55; } .magazineDF .entries { z-index:55; } /* SEARCH BLOCK */ .button-primary { height: 35px; } p.customMessage { clear: both; margin: 1em 0; } #row_1, #row_2, #row_3 { width: 960px; } div.exception { width: auto; } #row_2 #row_2_cell_0 { width: 580px; padding-right: 40px; } #row_2_cell_1 {} /* Titre page selection */ .title-selectionPage { margin-left: 3px; } .ie7 .title-selectionPage, .ie8 .title-selectionPage { margin-left: 8px; } .title-selectionPage #search-block { border-bottom: 1px solid #EAEAEA; height: 24px; position: relative; } .title-selectionPage h1 { color: #000; float: left; font-size: 21px; font-weight:normal; text-transform: uppercase; } .title-selectionPage .action a { color: #8F8F8E; line-height: 28px; } .title-selectionPage .action { clear: left; height: 28px; } /* PAGES DETAIL */ .section { clear: both; margin: 10px 0 0 0; } .title-selectionPage .section { overflow: visible; } .section.description a.more { clear: both; color: #000000; float: right; text-decoration: underline; } .priceInfo h1 { margin: 1% 0.5em; } .section .fivestar { margin: 5% 0.8em 0; } .hoteldetail .section .fivestar { width: 75px; } .activite .section .price { margin: 1% 0; } .section .price { background: #005291; color: #FFFFFF; float: right; height: 54px; margin: 1% 0; text-align: center; width: 159px; } .activite .section .price { background: #75AE20; height: auto; } .section .price .title, .section .price .timePassed, .section .price .typeCamping { font-size: 11px; margin-top: 0.15em; } .datesOuvertures { margin-top: 5px; } .section.priceInfo { border-top: 1px solid #B4B4B2; border-bottom: 1px solid #B4B4B2; margin: 15px 0; } .section.priceInfo h1 { color: #393939; font-size: 19px; max-width: 18em; } .activitedetails .title { margin: 0; padding: 25px 0 5px; } .activitedetails .title h1.hitInfo { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/activite_titre_fleche.png") no-repeat center bottom; color: #000000; float: none; margin: 0; padding: 5px 0 15px; width: auto; } .activitedetails div.img_fleche { position: absolute; } .activitedetails img.img_fleche { left: 30px; position: relative; top: 29px; } .activite h2 .interest { margin: 0 20px 0 30px; } .section .image { width: 140px; float: left; } .section .description { float: right; width: 450px; } /* DisplayHits */ .displayHits.right { width: 300px; margin: 0; } /*------ adblock -----*/ .adBlock, .adBlockPurl { background-color: #ADA8AE; border: 1px solid #ADA8AE; overflow: hidden; width: 300px; } .adBlock .titre_pub, .adBlockPurl .titre_pub { color: #fff; font-size: 0.8em; line-height: 15px; text-align: center; } #adBlockDart { text-align: left; width: 300px; } #adBlockDart .title-full { border-color: #B3026A; } #adBlockDart .title-full .title-wording { background-color: #fff; float: left; padding-right: 5px; } #adBlockDart .title-full .title-wording span { color: #B3026A; } .displayHits { margin-left: 5px; width: 623px; } .decompte { margin-top: 15px; } #middle_leftBox .displayHits.hebergement li.hit, #middle_leftBox .displayHits.activite li.hit { height: 120px; } .displayHits.right .hit .hitInfo .link { border-top: 1px solid #eee; padding: 0.5em; } .displayHits li.hit { border-bottom: 1px solid #eee; border-top: 1px solid #eee; clear: both; margin-top: 5px; margin-bottom: 5px; } .msie .right.displayHits li.hit { border-bottom: none; } .displayHits .hit .thumbnail { overflow: hidden; text-align: center; float: left; } .displayHits .hit div.thumbnail { width: 140px; } .displayHits .hit div.thumbnail .notreSelection { margin-left: 99px; margin-top: -6px; position: absolute; } .displayHits .hit img.thumbnail, .displayHits .hit img.nothumbnail { max-width: none; } .displayHits.hebergement .hit .thumbnail { background-position: center center; background-repeat: no-repeat; background-size: 200px 120px; height: 120px; width: 200px; } .displayHits.hebergement .hit .thumbnail img { cursor: pointer; } .displayHits.hebergement .hit .location { clear: both; color: #0267AB; margin-left: 2.9em; } .displayHits.activite .hit .location { clear: both; color: #75AE20; margin-left: 2.9em; } #middle_leftBox .displayHits .hit .hitInfo h3 { margin-top: 0.6em; } .hexagoPagination { border-top:1px solid #eaeaea; clear: both; float: none; } .hexagoPagination ol { clear: both; float: right; margin: 0; padding: 5px 0; } .hexagoPagination ol li { float: left; } .hexagoPagination ol li a { font-size:13px; font-weight:bold; margin: 2px; text-decoration: none; } .hexagoPagination ol li a { background: none; border: none; color: #979797; margin: 0; } .hexagoPagination.listeVoyazine ol li a { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/inactive-page.png") no-repeat right 0; color: #000; display: inline-block; height: 16px; margin-left: 3px; padding: 0; width: 16px; } .hexagoPagination.listeVoyazine ol li a.current { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/active-page.png") no-repeat right 0; color: #fff; } .displayHits.right .hit .hitInfo h3 { float: none; margin-left: 2.2em; width: auto; } .displayHits.activite .hit .hitInfo .titreParagraphe { color: #75AE20; } .displayHits .hit .hitInfo .titreParagraphe { clear: both; color: #0067A9; margin: 0.3em 3em; } .displayHits .hit .hitInfo .link { font-size: 11px; text-align: right; margin: 0.4em 0 0.4em 2.9em; height: 1.3em; } .displayHits.listeVoyazine .hit .hitInfo .link { margin: 0.4em 0 0.4em 0; } .displayHits .hit .hitInfo .link .ilike, .displayHits.activite .title-link .link .ilike { float: left; width: 140px; } .boutonssociaux .fb_iframe_widget { padding-right: 40px; } .boutonssociaux .partagerFacebook, .boutonssociaux .partagerGooglePlus, .boutonssociaux .partagerTwitter { float:left; } .fb_iframe_widget iframe { margin-left: 3px; } .ie7 .fb_iframe_widget iframe, .ie8 .fb_iframe_widget iframe { padding-left: 8px; } .activite .titre_tous .title-full { color: #75AE20; } .displayHits .hit .hitInfo .description a, .displayHits .hit .hitInfo .descriptionListeParagraphe a { display: inline; padding-right: 20px; } #selectionPage .hit .hitInfo.selection .closeButton { cursor: pointer; float: right; } #selectionPage .hit .lesliens.selection .closeButton { cursor: pointer; text-align:right; float: right; } #selectionPage .search-box #DF-search { padding-bottom:0; } #selectionPage .hebergements .price { color: #3279BE; } /* Bouton Envoyer Facebook */ .title-selectionPage .fbsend { float: right; width:70px; } .msie .title-selectionPage .fbsend { margin-right: 10px; } .displayHits .hit .priceInfo .info .ranking { padding: 0; } .displayHits .hit .priceInfo { width: 100px; height: 120px; float: left; background: #eee; text-align: center; } .displayHits .hit .priceInfo .promo { font-size: 11px; margin-top: 4px; text-transform: uppercase; } img.mappyMarker { cursor: auto; float: right; } .displayHits.activite .hit .priceInfo { height: 140px; width: 161px; } .displayHits.transports .hit .hitInfo { padding-top: 0; padding-left: 0; width: 625px; background: #E6E6E3; } .displayHits.transports.middle .hit .hitInfo { padding-bottom: 2px; padding-top: 2px; } .displayHits .hit .hitInfo { float: left; width: 322px; padding-top: 0.3em; } .displayHits .hit .hitInfo a { color: #000; display: block; } .displayHits.transports .hit .hitInfo { width: 623px; } .displayHits.right .hit .hitInfo { width: 300px; padding-left: 0; } .displayHits .hit .priceInfo .price { color: #014681; padding: 3px 0; } .displayHits .hit .priceInfo .price a { color: #014681; } .displayHits.activite .hit .priceInfo .price { color: #158831; } .displayHits .hit .priceInfo .timePassed, .displayHits .hit .priceInfo .typeCamping { font-size: 10px; } .displayHits .hit .priceInfo .info .price .title { font-size: 11px; } .displayHits .hit .priceInfo .itemType { font-size: 12px; padding: 1px 0 0 0; text-transform: uppercase; } .displayHits .hit img.thumbnail, .displayHits .hit img.nothumbnail { background-color: #fff; width: 200px; height: 120px; } .displayHits .hit .priceInfo .info .price .value, .section .price .value { font-size: 13px; font-weight: bold; } .displayHits .hit .priceInfo .info .price .promo { text-decoration: line-through; } .displayHits .hit .priceInfo .info .price .value span, .displayHits .hit .priceInfo .info .price .promo span, .section .price .value span { float: none; font-size: 8px; margin-left: 2px; padding-top: 0; vertical-align: super; } .displayHits .hit ul.relations li { display: inline; text-transform: capitalize; } .displayHits .hit div.content { margin-bottom: 3px; } .displayHits .hit ul.metas span { color: #707070; font-weight: 700; } /* Activite Middle */ .displayHits.activite .hit .priceInfo .interest { margin: 1em 0.2em 0.3em; } .displayHits.activite .hit .priceInfo .categorie { margin: 0 0.2em 1em; } .displayHits.activite .hit .priceInfo p { margin-top: 20px; } .displayHits.activite .hit .priceInfo .info, .displayHits.activite .hit .priceInfo .info * { font-size: 10px; font-weight: 700; text-transform: uppercase; } .displayHits.activite .hit .hitInfo .description a, .displayHits.activite .hit .hitInfo .link a { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/bullets.png") no-repeat right -100px; } .displayHits.activite .hit .priceInfo .itemType, .mappy .priceInfo .itemType.bonplan, .mappy .priceInfo .itemType.evenements { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/headinfoEvent.png") no-repeat #75AE20; color: #fff; } /* Activite right */ .displayHits.activite.right .hit .priceInfo { width: 160px; } /* Hebergement Right */ .displayHits.activite.right .hit img.thumbnail, .displayHits.acrivite.right .hit img.nothumbnail { width: 201px; } .displayHits.hebergement .hit .priceInfo .itemType, .mappy .priceInfo .itemType { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/headinfoHeb.png") no-repeat; color:#fff; } /* voyazine middle */ .mappy .priceInfo .itemType.voyazine { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/headinfoVoy.png") no-repeat; color:#fff; } .mappy .priceInfo.voyazine { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/popupVoy.png") no-repeat; } /* Transport middle */ .displayHits.transports.middle .hit .hitInfo h3 { width: auto; } /* Multi Bloc Middle */ .displayHits.hebergement .hit img.thumbnail, .displayHits.hebergement .hit img.nothumbnail, .displayHits.activite .hit img.thumbnail, .displayHits.activite .hit img.nothumbnail { background-color:#fff; border: none; margin: 0; padding: 0; } img.mappyMarker { float: left; margin: 0.3em 0.5em; } .activite img.mappyMarker { margin: 3px 5px 2px 5px; } /* Multi Bloc Right */ .displayHits.content.right .hit .hitInfo .link { border-top: 1px solid #B8B8B8; padding: 0.5em 0; } /* >>>>>>> Titres */ .titlevoyazine { margin-top: 10px; margin-left: 5px; /* alignementwidgets */ width: 623px; /* alignementwidgets */ } .titlevoyazine .title-full { border-bottom-color: #0C3755; } .magazine.details .title-full { border: none; } .titleactivite .title-full { border-bottom-color: #75AE20; } .displayHits.activite .title-link .title-full { float: left; } .displayHits.activite .title-link .link { float: left; margin-top: 10px; } .titleTransports .title-full { border-color: #EB7307; } .titleTransports .title-full .title-wording span { color: #EB7307; } .title-full .title-wording span { color: #008DC2; } .magazine.details .title-full .title-wording { background: none; color:#fff; } .title-full { border-bottom: 4px solid #008DC2; color: #000; font-size: 21px; font-weight: bold; margin: 0 0 7px; min-height: 16px; text-transform: uppercase; } .titlevoyazine .title-full h1 { color: #000; display: inline; font-size: 21px; font-weight: bold; text-transform: uppercase; } .title-full .title-wording { background-color:#fff; float: left; padding-right: 5px; } /* ---------------------------------- */ .magazine, .magazine.mashup { clear: both; } .magazine.mashup { margin-top: 10px; margin-left: 5px;/* alignementwidgets */ } .magazine.mashup h3 { font-weight: bold; } .magazine.mashup .paraCache { display: none; } .magazine.details { background:#422924 url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/magazine-bg.png") repeat-y left top; margin-left: 7px; float: left; width: 623px; padding: 0 1px 35px 3px; } .legacy-ie .magazine.details, .ie8 .magazine.details { font-size: 0.8em; } .magazine.details #magazine-title, .magazine.mashup #magazine-title { color:#fff; font-size: 1.75em; margin-bottom: 10px; text-transform: uppercase; } .magazine.details .magazine-block-title, .magazine.mashup .magazine-block-title { display: block; font-size: 1em; margin: 5px 0; } .magazine.mashup .magazine-block-title { color:#fff; display: inline; } .ie7 .magazine.mashup .magazine-block-title { margin:3px 0; } .magazine.details .description { font-weight: normal; } .ie7 .magazine.details .description { background-position: 181px -336px; } .ie8 .magazine.details .description { background-position: 181px -346px; } .magazine.details ul, .magazine.mashup ul { height: 1%; overflow: hidden; } .magazine.details li, .magazine.mashup li { float: left; width: 195px; clear: none !important; border: none; margin: 0; } .magazine.mashup li.hit .image { background-position: -5px 0; } .legacy-ie .magazine.mashup li.hit .image { background-position: 0 0; } .legacy-ie .magazine.details li { width: 200px; } .legacy-ie .magazine.mashup li { width: 197px; } .magazine li.first.hautPage { margin-right: 0.85em; width: 405px; margin-left: 5px; } .magazine li.hit .image a { height: 150px; width: 195px; } .magazine li.first.hautPage .image, .magazine li.first.hautPage .image a { height: 340px; width: 410px; } .magazine li.first.basPage { margin-left: 8px; margin-right: 0.85em; } .magazine li.last.hautPage { margin-left:0; } .magazine li.last.basPage { margin-left: 0.85em; } .magazine.details a { color:#fff; text-decoration: none; font-size: 12px; } .magazine.mashup a.arrow, .magazine.details a.arrow { float: right; height: 13px; width: 13px; } .magazine.mashup .entries { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/bckg-mashupV.png") repeat-x #040813; margin-bottom: 10px; padding: 5px 0 15px; } .magazine.basdepage .entries { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/bckg-mashupV.png") repeat-x #040813; margin-bottom: 10px; padding: 5px 0px 15px 8px; } .magazine.basdepage li.first.basPage { margin-left:0; } .magazine.details a.arrow { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/bullets.png") no-repeat 0 -400px; } .magazine.mashup a.arrow { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/bulletsVoyazine.png") no-repeat; } .magazine.mashup a { color:#fff; display: block; font-size: 12px; text-decoration: none; } .magazine.mashup .description a { margin: 5px 0; } .basdepage img.mappyMarker { position: static; } .magazine a .image { position: relative; } .magazine a .image .play { left: 0; position: absolute; top: 0; } #magazine-infos { border-top: 1px solid #fff; margin-top: 10px; overflow: hidden; padding-top: 10px; } .ul-presentation { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } /* ---------------------------------- */ .legend { margin: 10px 0; } .legend .icons { text-align: right; float:left; } .legend .icons div{ float:left; } .legend .icons span { color: #393939; font-size: 11px; } .legend .icons span { display:inline-block; margin-bottom: 10px; width: 90px; font: 13px arial, helvetica, sans-serif; vertical-align: 40%; } .legend .icons span { float:left; padding-top: 2px; } .legend img { margin-right: 0.2em; float:left; } .sort { display: block; margin: 1em 0; } .navigationHeader .hexago.sort { float: none; } .footer .moreResults { border: 1px solid #fff; color:#fff; cursor: pointer; margin: 0; padding: 5px; text-transform: uppercase; } .hebergement div.footer, .activite div.footer { border-top: 1px solid black; margin-top: 15px; padding-top: 20px; } .hebergement li.footer .moreResults, .activite li.footer .moreResults { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/moreGreyButton.png") repeat-x; } .hebergement li.footer .moreResults a, .activite li.footer .moreResults a { color: #444; } .footer .moreResults { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/moreButton.png") repeat-x; clear: both; float: right; padding: 5px 15px; text-align: center; } /* root element for the scrollable. when scrolling occurs this element stays still.*/ .scrollable { position: relative; overflow: hidden; width: 420px; float: left; margin-left: 0.5em; } .scrollable a { text-decoration: underline; color: #636363; margin-right: 6px; } .scrollable a.orange { text-decoration: none; color: #636363; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element.*/ .scrollable .items { position: absolute; width: 20000em; } .header .message { background-color: #B0B0B0; color: #393939; font-size: 11px; font-weight: 700; overflow: hidden; clear: both; margin: 1em 0 2em; padding: 1em; } .out { left: -999em; margin-top: -999em; position: absolute; } #row_2, table.row td.cell { padding: 0; } .ie7 #row_1_cell_0 { width: 638px !important; } .ie7 #row_1_cell_1 { width: 306px !important; } .ie8 #row_1_cell_0 { width: 636px !important; } .ie8 #row_1_cell_1 { width: 302px !important; } .priceInfo h1, .section .fivestar, .displayHits .footer li, .displayHits.transports .hit .hitInfo .top, .items div, .section .prevPage { float: left; } .displayHits.transports .hit .hitInfo .top { width: 575px; } .displayHits ul.hits, .horizontalRefines .refinesGroups .refinesGroup li { font-style: normal; } .displayHits .hit ul.metas, .footer { overflow: hidden; } .pagination.footer { padding-bottom: 10px; } .pagination.footer.activite, .pagination.footer.hebergement { border-top: 1px solid black; padding-top: 20px; } .pagination.footer.activite.middle, .pagination.footer.hebergement.middle { margin-left: 5px;/* alignementwidgets */ width: 623px;/* alignementwidgets */ } .pagination.footer.hebergement.hasnoentry { border-top: 0 transparent none; } .pagination.footer.voyazine { border-bottom: 1px #BEBEBE solid; margin-left: 5px; /* alignementwidgets */ width: 623px; /* alignementwidgets */ } .displayHits.right .wrapper .header, .displayHits.right .wrapper .footer { width: 300px; } .displayHits.activite.right .hitInfo .location, .titleactivite .title-full .title-wording span, .displayHits.activite .title-full .title-wording span { color: #75AE20; } .displayHits.transports .hit .car img, .displayHits.transports .hit .hitInfo .train img { float: right; height: 16px; margin-right: 10px; padding-right: 0; } .section .rentHotel { float: right; height: 16px; } .displayHits.transports.right .hit .car img { margin-left: 15px; margin-right: 0; } .magazine.details .magazine-block-title, .footer .moreResults a { color:#fff; } h3.magazine-block-title { font-weight: normal; } h3.magazine-block-title span { font-weight: bold; } .hautPage .description h3 { color:#fff; display: inline; font-size: 1em; font-weight: bold; margin: 5px 0; } .magazine.mashup p, .magazine.details p { float: left; } .magazine.mashup .basPage p, .magazine.details .basPage p { float: left; width: 170px; } a, a * { cursor: pointer; } #d_footnotes { clear: both; color:#000; float: none; font-size: 11px; padding: 10px; width: auto; } #d_footnotes dl { clear: both; float: none; text-align: left; } #d_footnotes dt { clear: both; display: inline; } #d_footnotes dd { padding-left: 11px; display: block; margin-top: -10px; } #d_footnotes p { margin: 0.5em 0; } /* VOYAZINE */ .paragraphPart .sommaire p { margin: 5px 0 10px; } /* CARROUSEL VOYAZINE */ .bx-wrapper { width:579px!important; } .bx-window { width:536px; margin-left:24px; } .multiple li { width:134px; position:relative; } /*next button*/ .bx-next { position:absolute; top:28%; right:0; z-index:999; width:22px; height:24px; text-indent: -999999px; background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/next-button.png) no-repeat; } /*previous button*/ .bx-prev { position:absolute; top:28%; left:0; z-index:999; width:22px; height:24px; text-indent: -999999px; background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/prev-button.png) no-repeat; } .bx-next:hover, .bx-prev:hover { background-position: 0 0; } .shadowCarrousel { background-color: white; display:block; height: 100px; position: absolute; filter : alpha(opacity=50); opacity : 0.5; width: 130px; z-index: 10; } /* active item */ .carrousel .active { position:absolute; cursor:default; } #slider1 .play { position:absolute; left:0; top:0; } /* FIN CARROUSEL */ .carousseltitre h2 { display: inline; } .currentPara .shadowCarrousel { filter : alpha(opacity=0); opacity : 0; } .carrousel-image, .carrousel-image a { display: block; height: 98px; width: 130px; } .carrousel-image img, .imageListeParagraphe img, .basdepage img, .magazine.mashup li.hit .image img { position: absolute; } .paraPagination .entries { border-bottom: 1px solid #000; margin-left: 220px; padding-bottom: 17px; } .paraPagination ul { background-color:#fff; float: right; margin: 0; padding: 5px 0; } .paraPagination li.numPara { background-color: #838C97; border: none; clear: none; color: #000; cursor: pointer; float: left; height: 16px; margin-left: 3px; text-align: center; width: 16px; } .paraPagination li.currentPara { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/active-page.png") no-repeat right 0; font-weight: bold; } .paraPagination li.currentPara a { color:#fff; } .paraPagination li { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/inactive-page.png") no-repeat right 0; color:#fff; } .blocHachette .entries { position:relative; overflow:hidden; } .blocHachette .pictoBlocHachette { float: left; margin-right:10px; } .blocHachette .descriptionHachette { width:100%; } .blocHachette .titreBlocHachette { color: #E85311; font-size: 1.2em; margin-bottom: 5px; } .blocHachette .descriptionHachette .link { float: right; height: 1.3em; text-align: right; } .blocHachette .texteBlocHachette { color:#3d3d3f; } .digital-box .blocHachette .voirPlus { clear: none; } .blocHachette .voirPlus a:hover .text, .blocHachette .voirPlus:hover { color: #C60172; } .blocHachette .voirPlus { color: #3E3D40; } /* root element for the scrollable. when scrolling occurs this element stays still. */ .paragraphes { width:580px; } .carrousel { /* required settings */ float:left; position:relative; overflow:hidden; width: 579px; height:175px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ .carrousel .hits { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ .carrousel .hits .hit { float:left; margin: 0; } /* single scrollable item */ .carrousel .carrousel-image img { float:left; } .paragraphes div.hit .description { height:52px; padding: 10px 5px; } /* prev, next, prevPage and nextPage buttons */ a.browse { display:block; width:22px; height:22px; float:left; margin:40px 0; cursor:pointer; font-size:1px; } /* right */ a.right { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/next-button.png") no-repeat; clear:right; margin-right:0; } /* left */ a.left { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/prev-button.png") no-repeat; margin-left:0; } /* disabled navigational button */ a.disabled { cursor:default; filter : alpha(opacity=50); opacity : 0.5; } /* // VOYAZINE */ /* Developpement ie */ .legacy-ie #l_foot #footer .col { height: 325px; } html, table, th, td { font-size: 100.01%; } .legacy-ie #mainWrapper { margin: 0 auto; } .legacy-ie.ie6 .displayHits .hit .priceInfo, .legacy-ie.ie6 .displayHits .hit .thumbnail { margin-top: 0.5em; } .legacy-ie.ie6 .displayHits.right .hit .thumbnail { margin: 0; } .legacy-ie .displayHits.right li.hit { border: none !important; width: 310px !important; } .legacy-ie .displayHits.transports.right li.hit { margin-right: 10px; width: 300px !important; } .legacy-ie .displayHits .hit .priceInfo { margin-top: 0 !important; } .legacy-ie .displayHits.activite.right .hit .priceInfo { display: inline !important; margin: 0; padding: 0 !important; } .legacy-ie .horizontalRefines .refinesGroup.principal h3 { float: left; display: inline; } .legacy-ie .horizontalRefines .refinesGroups.mashup { height: 1.6em; } .legacy-ie .horizontalRefines .refinesGroups.mashup li { width: 625px; } .legacy-ie .horizontalRefines li.refinesGroup.first { background:#fff; } .legacy-ie .horizontalRefines .refinesGroups li.refinesGroup { clear: both; display: block; } .legacy-ie .horizontalRefines .refinesGroups.mashup li ul li { width: auto; } .legacy-ie .right .horizontalRefines .refinesGroup.principal { width: 300px; } .legacy-ie.ie6 .horizontalRefines .refinesGroup.principal ul.principal { width: 70em; } .legacy-ie .right .horizontalRefines .refinesGroup.principal ul.principal { width: 12em; } .legacy-ie .horizontalRefines .refinesGroup.principal ul.principal { width: 45em; float: left; } .legacy-ie .horizontalRefines .refinesGroup li { float: left; } .legacy-ie .horizontalRefines .refinesGroup li.subCategories, .ie8 .horizontalRefines .refinesGroup li.subCategories { clear: left; float: none; } .legacy-ie .horizontalRefines .refinesGroup ul.categories, .ie8 .horizontalRefines .refinesGroup ul.categories { padding-left: 0; } .legacy-ie .magazine li.first, .ie8 .magazine li.first { margin-right: 0.65em; } .legacy-ie .magazine li.last, .ie8 .magazine li.last { margin-left: 0; } .legacy-ie .magazine li.last.basPage, .ie8 .magazine li.last.basPage { margin-left: 0.65em; } .legacy-ie .displayHits .hit .hitInfo .link { display: block; height: 1.5em; margin: 1em 1.2em 0.4em; overflow: hidden; } .ie7 .displayHits .hit .hitInfo .link { margin: 1em 0 0.4em 2.9em; } .legacy-ie .displayHits.magazine.details li { padding: 1em 0; } .legacy-ie.ie6 .displayHits.right { width: 280px; } .legacy-ie .mappy .priceInfo .itemType a { display: inline; } .legacy-ie .hoteldetail h2 { clear: both; } .legacy-ie .title-full, .ie8 .title-full { min-height: 17px; } /* // Developpement ie */ .clear { clear: both; float: none; } .ui-effects-transfer { border: 2px dotted gray; } #simplemodal-overlay { background-color: #000; } #simplemodal-container { background-color:#fff; border: 8px solid #444; padding: 12px; padding-left: 0px; width:642px; } #simplemodal-container a.modalCloseImg { background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/bigCloseButton.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; } .voirTousLes { margin: 5px 0; padding: 5px 0; } .voirTousLes .wrapper { padding: 0 10px; text-align: left; } .voirTousLes h3 { color: #000; display: inline; font-size: 12px; } .voirTousLes a { color: #000; font-size: 11px; text-decoration: underline; } .imagePackski { left: 0; position: absolute; z-index: 500; } .packskiOption { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/skihorizon_spriteV2.png") no-repeat 0 -801px; height: 30px; width: 30px; } .packskiOption.forfait { background-position: 0 -921px; } .packskiOption.materiel { background-position: 0 -881px; } .packskiOption.repas { background-position: 0 -961px; } .hautPage.first .image img.play { margin: 75px 80px; } .basPage img.play { margin: 20px 0; } .imageListeParagraphe img.play, .image img.play { margin: 15px 0; } .carrousel-image img.play { margin: 10px 0; } /* Boutons sociaux */ .boutonSelection { color: #3E3D40; cursor: pointer; float: left; font-size: 11px; } .topTransports .boutonSelection { float: right; } .beforeBoutonSelection:before{ content: " \25BA \ "; text-decoration: none; position: absolute; overflow: hidden; left: 0px; } .afterBoutonSelection{ text-decoration: underline; } .boutonSelection.clicked { background: none; color: #BABABA; cursor: default; padding-left:0; width: 120px; left: 0px; } .hebergement-offres .wrapper .entries .boutonSelection:before{ left: 0px; } .hebergement-offres .wrapper .entries .boutonSelection.clicked:before{ margin-left: 70px; } .boutonSelection.clicked:hover { text-decoration: none; } .activite .link { margin-top: 15px; } .voyazinedetail .boutonssociaux div.ilike, .voyazinedetail .boutonssociaux div.boutonSelection, .activite .link div.ilike, .activite .link div.boutonSelection { clear: both; display: inline; line-height: 20px; } .legacy-ie .voyazinedetail .boutonssociaux div.boutonSelection, .legacy-ie .activite .link div.boutonSelection { float: left; } .legacy-ie .voyazinedetail .boutonssociaux div.ilike, .legacy-ie .activite .link div.ilike { float: right; width: 250px; } /* // Boutons sociaux */ #hexago_promesse { color:#fff; display: block; font-size: 16px; padding: 0 0 5px; width: 595px; font-weight: bold; } #hexago_promesse .hexago_promesse_nobold { font-weight: normal; font-size: 13px; } #searchform { margin: 0; padding: 0; width: auto; } #margin_on_selection { margin-top: 3px; } .hexagoHorizontalRefines { margin-left: 5px; } #searchform.noresult #suggestions { color: #636363; line-height: 20px; margin: 10px 0; padding: 0 5px; text-align: left; } #searchform.noresult { padding: 0 5px; } /* LISTE BONPLAN */ .activite .bonplan div.priceInfo div.info div.note a { text-decoration: none; } .activite .bonplan div.priceInfo div.info div.note a p.avis { float: left; margin: 0 0 0 15px; } .activite .bonplan div.priceInfo div.info div.note a p.avis, .hoteldetail .bonplan div.section div.description div.utilisateur div.note p.avis, .hoteldetail .bonplan div.section div.description div.utilisateur div.note p.avis a, .hoteldetail .bonplan .section p.nom a { color: #75AE20; } .activite .bonplan div.priceInfo div.info div.note a p.avis, .hoteldetail .bonplan div.section div.description div.utilisateur div.note p.avis { border: 2px solid #BBBAB9; padding: 2px 5px; position: relative; } .activite .bonplan div.priceInfo div.info div.note a p.avis span, .hoteldetail .bonplan div.section div.description div.utilisateur div.note p.avis span { display: inline-block; position: absolute; } .activite .bonplan div.priceInfo div.info div.note a p.avis span { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/ugc_abassadeur_avis_fleche_haut.png") no-repeat; height: 7px; top: -7px; width: 49px; } .activite .bonplan div.priceInfo div.info div.auteur { line-height: 18px; margin-left: 15px; margin-top: 31px; text-align: left; } .activite .bonplan div.priceInfo div.info div.auteur span, .hoteldetail .bonplan div.section div.description div.nom span { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fond-auteur.png") no-repeat; color: #75AE20; display: inline-block; height: 18px; padding-left: 14px; text-align: center; width: 116px; } .activite .bonplan div.priceInfo div.info div.auteur, .activite .bonplan div.priceInfo div.info p.auteur * { text-transform: none; } .hoteldetail .bonplan div.section div.description div.nom a { color: #75AE20; display: inline-block; font-size: 10px; font-weight: 700; height: 18px; line-height: 18px; text-transform: uppercase; vertical-align: top; } /* // LISTE BONPLAN */ /* BONPLAN DETAILS */ .hoteldetail .bonplan .section .utilisateur { margin-bottom: 10px; } .utilisateur_avis { position: relative; } .utilisateur_avis p { background: #f8f8f7; padding: 5px; margin-left: 59px; min-height: 44px; } .utilisateur_avis_image { float: left; margin-right: 15px; } .hoteldetail .bonplan .link { border-top: 1px solid #aaa; margin-bottom: 10px; padding-top: 5px; } .hoteldetail .bonplan div.section div.description div.nom { margin-top: 12px; } .hoteldetail .bonplan div.section div.description div.utilisateur div.note { float: right; text-align: left; overflow: hidden; zoom: 1; } .hoteldetail .bonplan div.section div.description div.utilisateur div.note a { text-decoration: none; float: left; } .ie7 .hoteldetail .bonplan div.section div.description div.utilisateur div.note p.avis { margin-top: -10px; } .hoteldetail .bonplan div.section div.description div.utilisateur div.note p.avis { background-color: #F2F2F2; float: left; margin: 0 0 0 20px; } .hoteldetail .bonplan div.section div.description div.utilisateur div.note p.avis span { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/ugc_abassadeur_avis_fleche_gauche.png") no-repeat; height: 19px; left: -10px; width: 10px; } .hoteldetail .bonplan div.section div.description div.utilisateur div.note img.etoiles { float: left; } .hoteldetail .bonplan div.section p.ajouter, .hoteldetail .bonplan div.section p.commentaires_plus { margin: 15px 0 10px 170px; text-align: right; } .hoteldetail .bonplan div.section p.commentaires_plus { clear: both; } .hoteldetail .bonplan div.section p.commentaires_plus a { margin-left: 16px; } .hoteldetail .bonplan div.section p.ajouter, .hoteldetail .bonplan div.section p.ajouter a, .hoteldetail .bonplan div.section p.commentaires_plus, .hoteldetail .bonplan div.section p.commentaires_plus a { color: #000; font-weight: bold; } .hoteldetail .bonplan div.section p.ajouter { position: relative; } .hoteldetail .bonplan div.section p.ajouter a span { font-size: 16px; font-weight: bold; left: 145px; position: absolute; top: -5px; } .hoteldetail .bonplan .commentaires { margin-top: 1em; } .hoteldetail .bonplan .commentaires .commentaires_libelle { font-weight: bold; } .hoteldetail .bonplan .commentaires, .hoteldetail .bonplan .link { margin-left : 170px; } .hoteldetail .bonplan .commentaires .fleche { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/ugc_abassadeur_avis_fleche_haut.png") no-repeat; height: 7px; position: absolute; top: -6px; width: 49px; } .hoteldetail .bonplan .commentaires .premier { position: relative; } .hoteldetail .bonplan .commentaires .commentaire_inner { background-color: #F2F2F2; border: 1px solid #aaa; margin-bottom: 5px; overflow: hidden; padding: 5px 5px 10px; } .hoteldetail .bonplan .commentaires .commentaire_inner .avatar { float: left; width: 31px; } .hoteldetail .bonplan .commentaires .commentaire_inner .pseudo_texte { margin-left: 41px; } .hoteldetail .bonplan .commentaires .commentaire_inner .pseudo { clear: none; color: #75AE20; margin-bottom: 0.3em; } .hoteldetail .bonplan .commentaires .commentaire_inner .pseudo a { color: #75AE20; } .hoteldetail .bonplan hr.commentaires_separateur { background-color: transparent; border-color:#aaa transparent transparent; border-style: solid none none; border-width: 1px 0 0; margin-left: 170px; } .hoteldetail .activitedetails .geoadmin .last { color: #75AE20; } /* // BONPLAN DETAILS */ div.hexagoHorizontalRefines ul.refinesGroups li.refinesGroup ul.refinesGroupChild li.refined a span { text-transform: capitalize; } .hoteldetail li.activitedetails { position: relative; } .hoteldetail .activitedetails h2.categorie { margin: 0; padding: 0; position: absolute; top: 10px; } .hoteldetail .activitedetails h2.categorie span { color: #636363; font-size: 11px; margin: 0; padding: 0; } .displayHits div.wrapper div.entries ul.hits li.evenements div.priceInfo div.info p a { color: #000; } .decompte li.hit { border-bottom: 0 transparent none; border-top: 0 transparent none; } /* ************************************* HEXAGO V2 ************************************ */ @font-face { font-family: AvenirRoman; src: url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.eot'); src: url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.eot#iefix') format('embedded-opentype'), url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.woff') format('woff'), url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.ttf') format('truetype'), url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.svg#AvenirLTStd55Roman') format('svg'); } @font-face { font-family: AvenirBook; src: url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.eot'); src: url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.eot#iefix') format('embedded-opentype'), url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.woff') format('woff'), url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.ttf') format('truetype'), url('/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.svg#AvenirLTStd95Black') format('svg'); font-weight: normal; } .complex-title span span { color: #000; } .digital-box h1, .digital-box h2 { font-family: AvenirRoman, Arial, sans ms; font-size:20px; } .color-sncf-2 { color: #A1006B; } .color-df-france-1, .zone-color-df-france-1 .hexagoPagination ol li a.current { color: #7ABB00; } .color-df-france-3, .zone-color-df-france-3 .hexagoPagination ol li a.current { color: #009AA6; } .color-df-france-4, .zone-color-df-france-4 .hexagoPagination ol li a.current { color: #0088CE; } .color-df-france-5, .zone-color-df-france-5 .hexagoPagination ol li a.current { color: #E05206; } .color-df-france-6 , .zone-color-df-france-6 .hexagoPagination ol li a.current{ color: #ffb612; } .color-df-hexago-1, .zone-color-df-hexago-1 .hexagoPagination ol li a.current { color: #c60172; } .zone-color-df-france-1 .colorize { color: #7ABB00; } .zone-color-df-france-2 .colorize { color: #ccdc00; } .zone-color-df-france-3 .colorize { color: #009aa6; } .zone-color-df-france-4 .colorize { color: #0088ce; } .zone-color-df-france-5 .colorize { color: #e05206; } .zone-color-df-france-6 .colorize { color: #ffb612; } .zone-color-df-hexago-1, .zone-color-df-hexago-1 .colorize, .color-df-hexago-1 .colorize { color: #c60172; } .complex-title { border-bottom: 1px solid #EAEAEA; font-weight: normal; margin: 0 0 10px; padding: 0 0 7px; text-transform: uppercase; } /* Header - Footer VSC */ .digital-box .replaceH2 { font-family: AvenirBook, Arial, sans-serif; font-size: 20px; } .replaceH2 h1 { display: inline; font-size: 20px; font-weight: normal; } .replaceH2 h2 { display: inline; font-size: 20px; font-weight: normal; } /* Voyazine */ .magazineDF .complex-title span span, .magazineDF .hit .description, .magazineDF .hit .description h3, .magazineDF .hit .description p, .magazineDF .hit .description a { color: #fff; } .magazineDF .hit :hover .description a { height: 282px; padding: 38px 10px 0 20px; width: 345px; } h2 { font-size: 20px; } #row_2_cell_1 { padding-top: 0; } .digital-box,.blocEjp { 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); margin: 0 0 40px; padding: 20px; text-align: left; width: 580px; } .msie8 .digital-box { border:#b2b4b3 1px solid; } .msie7 .digital-box { border:#b2b4b3 1px solid; } .msie6 .digital-box { border:#b2b4b3 1px solid; } .right .digital-box { width: 260px; } /* WIDGET TOP DESTINATIONS */ .top-destinations{ margin-bottom:20px; } /* GESTION DES CONTENEURS DE LIENS GENERAUX */ .digital-box .voirPlus { clear: both; font-size: 13px; padding-top:10px; overflow:hidden; position:relative; text-align:right; border-top:1px solid #EAEAEA; } .magazineDF .voirPlus { /* background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/Voyazine_small.png") no-repeat 380px 0;*/ padding-top:6px; border-top:none; } .voyazine-contexte .voirPlus, .evenementDetail .voirPlus { border-top:none; padding-top:0; } /*** GESTION DES LIENS SUR LES DIFFERENTES CATEGORIES ***/ /* LIENS GENERAUX ETAT INITIAL */ .digital-box .voirPlus a { color:#333; text-decoration:underline; } .digital-box .voirPlus a:hover { text-decoration: none; color:#8aba18; } .msie7 .digital-box .voirPlus a { background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -10px; padding-right:13px; text-decoration:underline; } .msie7 .digital-box .voirPlus a:hover { text-decoration:none; } /* LIENS SURVOL MODULE VIDEO A LA UNE SUR PAGE PAYS */ .digital-box.video-une .voirPlus a:hover, .digital-box.video-une .voirPlus:hover { color:#0088CE; } /* LIENS SURVOL GENERAUX VOYAZINES */ .magazineDF .voirPlus a { color:#fff; } .magazineDF .voirPlus { padding-top:6px; color:#fff; } .digital-box.magazineDF .voirPlus a:hover, .digital-box.voyazine-contexte .voirPlus a:hover, .magazineDF .voirPlus:hover, .voyazine-contexte .voirPlus:hover { color:#C60172; } .msie7 .digital-box.magazineDF .voirPlus a { background-position:right -94px; } .msie7 .digital-box.magazineDF .voirPlus a:hover { background-position:right -66px; } /* LIENS SURVOL GENERAUX HEBERGEMENTS */ .digital-box.hebergement .link:after { content: " \25BA \ "; } .digital-box.hebergement .link a { color:#333; font-size:13px; } .digital-box.hebergement .link a:hover { color:#0088CE; } .digital-box.hebergement .voirPlus a:hover, .digital-box.hebergement .voirPlus:hover, .digital-box.hebergements .link a:hover, .digital-box.hebergements .link:hover, .digital-box.hebergement .link:hover { color:#0088CE; } .msie7 .digital-box.hebergements .link a { } /* LIENS SURVOL GENERAUX TRANSPORTS */ .digital-box.transports .voirPlus:hover { color:#E05206; } .digital-box.transports .voirPlus a:hover { color:#E05206; } /* LIENS SURVOL GENERAUX ACTIVITES/SORTIES */ .digital-box.activite .voirPlus:hover { color:#8aba18; } .digital-box.activite .voirPlus a:hover { background-position:right -80px; } .activite .hitInfo .link a { color: #3E3D40; font-size:13px; text-decoration:underline; } .activite .hitInfo .link a:hover { color:#8ABA18; text-decoration:none; } .activite .hitInfo .link:after { content: " \25BA \ "; } .activite .hitInfo .link:hover { color:#8aba18; } .msie7 .activite .hitInfo .link a, .msie9 .activite .hitInfo .link a, .msie1 .activite .hitInfo .link a, .msie7 .listeVoyazine .link a, .msie7 .hebergements .link a, .msie1 .hebergements .link a, .msie7 .hebergement .link a, .msie9 .activite .link_detail_restaurant_avis a, .msie9 .activite .link_detail_restaurant a , .msie1.hebergement .link a , .msie1 .activite .link_detail_restaurant_avis a, .msie1 .activite .link_detail_restaurant a , .msie7 .activite .link_detail_restaurant_avis a, .msie7 .activite .link_detail_restaurant a{ background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -10px; padding-right:13px; text-decoration:underline; } .msie7 .activite .hitInfo .link a:hover, .msie9 .activite .hitInfo .link a:hover,.msie9 .activite .link_detail_restaurant_avis a:hover,.msie9 .activite .link_detail_restaurant a:hover, .msie1 .hebergement .link a , .msie1 .activite .hitInfo .link a:hover,.msie1 .activite .link_detail_restaurant_avis a:hover,.msie1 .activite .link_detail_restaurant a:hover,.msie7 .activite .link_detail_restaurant_avis a:hover,.msie7 .activite .link_detail_restaurant a:hover{ background-position:right -80px; text-decoration:none; } .msie7 .hebergements .link a:hover,.msie9 .hebergements .link a:hover,.msie1 .hebergements .link a:hover, .msie7 .hebergement .link a:hover ,.msie9 .hebergement .link a:hover ,.msie1 .hebergement .link a:hover { background-position:right -38px; text-decoration:none; } /** GESTION DES FLECHES DE DROITE **/ /* VERSION NAVIGATEURS MODERNES */ .voirPlus::after { content: " \25BA \ "; text-decoration: none; } .voirPlus:after { content: " \25BA \ "; text-decoration: none; } /** VERSION VIEUX NAVIGATEURS **/ /* PAR DEFAUT */ .msie7 .listeVoyazine .link a:hover { background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -66px; text-decoration:none; } /* VOYAZINES */ .msie7 .digital-box.voyazine-contexte .voirPlus a { background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -10px; } .msie7 .digital-box.voyazine-contexte .voirPlus a:hover { background-position:right -66px; } /* TRANSPORTS */ .msie7 .digital-box.transports .voirPlus a:hover { background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -52px; } /* VIDEO */ .msie7 .digital-box.video-une .voirPlus .arrow { background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat -18px top; } /*** FIN GESTION DES LIENS SUR LES DIFFERENTES CATEGORIES ***/ .digital-box .voirPlus a.addAddress { color: #009AA6; float:left; text-decoration: none; } /* mappy */ .mappy.digital-box { position: relative; } .legend .icons { text-align: left; margin-bottom: 10px; } .legend .icons div{ width: 120px; } .mappy .priceInfo { background: none; font-size:10px; padding-left: 0; text-align: center; width: 150px; } .mappy .priceInfo .itemType { background: none; line-height: 24px; padding: 0 0 0 10px; text-align: center; text-transform: uppercase; } .mappy .priceInfo.aeroports, .mappy .priceInfo.gare { background: none; } .mappy .info { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-popup-bottom.png") no-repeat right bottom; padding: 10px 0; width: 150px; } .mappy .info .price a, .mappy .info .price a:hover { text-decoration:none; } .mappy .priceInfo .itemType.voyazine { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-popupVoyazine-top.png") no-repeat right top; } .mappy .priceInfo .itemType.geos { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-popupActivite-top.png") no-repeat right top; } .mappy .priceInfo .itemType.gares, .mappy .priceInfo .itemType.aeroports, .mappy .priceInfo .itemType.idbus { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-popupGare-top.png") no-repeat right top; } .mappy .priceInfo .itemType.bonplan, .mappy .priceInfo .itemType.travelshop, .mappy .priceInfo .itemType.evenements, .mappy .priceInfo .itemType.michelin, .mappy .priceInfo .itemType.trainevent { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-popupActivite-top.png") no-repeat right top; } .mappy .priceInfo .itemType.hotels, .mappy .priceInfo .itemType.residences, .mappy .priceInfo .itemType.ski, .mappy .priceInfo .itemType.locationparticulier, .mappy .priceInfo .itemType.campings, .mappy .priceInfo .itemType.epackvolhotel, .mappy .priceInfo .itemType.sejour { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-popupHebergement-top.png") no-repeat right top; } .mappy .itemType { height: 24px; } .mappy .mainTitle { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/arrow-popup.png") no-repeat; font-family: AvenirBook, Arial, sans-serif; font-size: 16px; font-weight: bold; margin: 3px 0; padding: 0 5px 0 11px; } .mappy .aeroports .mainTitle, .mappy .gares .mainTitle { color: #db4f06; } .mappy .priceInfo .itemType a { color: #fff; font-size: 16px; font-weight: bold; margin-right: 4px; position:absolute; right:5px; top: 0; text-decoration:none; } img.mappyMarker { margin: 0 7px 0 0; } .mappy a.more { color: #000; display: block; margin: 0.5em 0; text-decoration: underline; } /* bloc voyazine DF */ .magazineDF .play { left: 0; position: absolute; top: 0; } #row_2_cell_0 .wuid.digital-box { margin-left: 0; } #row_2_cell_1 .wuid.digital-box { width: 260px; clear:both; } .digital-box.magazineDF { padding: 20px; } .magazineDF { background-color: #333; clear: both; overflow: hidden; } .magazineDF .hit { float: left; height: 150px; margin:0 0 20px 20px; position: relative; width: 180px; z-index:1; } .magazineDF .hit.first { margin-left:0; } .magazineDF .hit img { height: 150px; width: 180px; } .magazineDF .hit img.small { height: 150px; /*padding-top: 15px;*/ } .magazineDF.bigFirst .hit { margin:0 0 20px; } .magazineDF.bigFirst .hit img { height: 150px; width: 200px; } .magazineDF.bigFirst .hit.first { float: left; height: 320px; margin: 0 8px 20px 0; width: 375px; } .magazineDF.bigFirst .hit.first img { height: 320px; width: 375px; } .magazineDF.bigFirst .hit.first img.play { height: 150px; margin: 77px 87px; width: 200px; } .magazineDF .hit .description { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; left: 0; margin: 0 10px 0 0; padding: 0 10px 0 0; position: absolute; top: 0; width: 160px; } .magazineDF.bigFirst .hit .description { width: 175px; } .magazineDF.bigFirst .hit.first .description { width: 350px; } .magazineDF .hit .description h3 { font-size: 12px; font-weight: bold; margin: 2px 0 0; text-align: right; text-transform: uppercase; } .magazineDF .hit .description p { display: none; font-size: 12px; visibility: hidden; } .magazineDF .hit .description p a { color: #c2c2c2; } .msie .magazineDF .hit-hover .description, .magazineDF .hit:hover .description { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); display: block; height: 130px; margin: 0; padding: 20px 10px 0 20px; width: 150px; } .msie .magazineDF.bigFirst .hit-hover .description, .magazineDF.bigFirst .hit:hover .description { width: 170px; } .magazineDF.bigFirst .hit.first:hover .description { height: 282px; padding: 38px 10px 0 20px; width: 345px; } .msie .magazineDF .hit-hover .description h3, .magazineDF .hit:hover .description h3 { display: block; font-size: 16px; font-weight: normal; margin-bottom: 9px; text-align: left; visibility: visible; } .msie .magazineDF .hit-hover .description p, .magazineDF .hit:hover .description p { display: block; line-height: 18px; visibility: visible; } .msie .magazineDF .hit-hover .description p span.arrow:after, .magazineDF .hit:hover .description p span.arrow:after { content: " \25BA \ "; text-decoration: none; } .msie .magazineDF .hit-hover, .haveJS .magazineDF .hit:hover { cursor: pointer; } .msie6 .magazineDF .hit .description, .msie7 .magazineDF .hit .description { left: 5px; } .ie7 .magazineDF .thumbnail .pointille { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/white-arrow.png") no-repeat right 5px; padding-right: 10px; } .msie .magazineDF .hit .text-opacity { position: absolute; filter: alpha(opacity=50); background-color:#000; width:185px; top:0; left:0; } .msie .magazineDF.bigFirst .hit.first .text-opacity { position: absolute; filter: alpha(opacity=50); background-color:#000; width:360px; top:0; left:0; } .msie .magazineDF .hit .text-opacity-hover { width:200px; height:150px; } .msie .magazineDF.bigFirst .hit.first .text-opacity-hover { width:375px; height:320px; } /* TAgsCloud */ .tagsCloudDFHexago .wrapper .entries span.petite { font-size : 10px; } .tagsCloudDFHexago .wrapper .entries span.moyenne { font-size : 14px; } .tagsCloudDFHexago .wrapper .entries span.normale { font-size : 18px; } .tagsCloudDFHexago .wrapper .entries span.grande { font-size : 22px; } .tagsCloudDFHexago a { padding-right: 5px; text-decoration: underline; line-height:20px; } .tagsCloudDFHexago .grande a:hover, .tagsCloudDFHexago .normale a:hover, .tagsCloudDFHexago .moyenne a:hover, .tagsCloudDFHexago .petite a:hover{ text-decoration:none; color:#E05206; } .tagsCloudDFHexago .grande a { color:#3e3d40; } .tagsCloudDFHexago .normale a { color:#4d4f53; } .tagsCloudDFHexago .moyenne a { color:#747678; } .tagsCloudDFHexago .petite a { color:#9a9b9c; } #row_2_cell_0 .wuid.tagsCloudDFHexago { margin-top: 40px; width: 583px; } .msie .tagsCloudDFHexago.digital-box { border: 1px solid #EAEAEA; } /* THEMES */ .nos-thematiques .entries h3 { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/envie-background-3.png") no-repeat; color: #fff; float: left; font-size: 12px; font-weight: normal; height: 94px; line-height: 14px; margin: 0 1px 0 0; padding: 6px 14px 6px 6px; position: relative; text-transform: uppercase; width: 52px; } .nos-thematiques .hitTheme { float: left; margin-right: 9px; position: relative; } .nos-thematiques .hitTheme.last { margin-right: 0; } .link-thematique { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); bottom: 3px; color: #fff; display: block; font-size: 12px; font-weight: bold; left: 0; padding-left: 10px; position: absolute; width: 135px; } .msie .pays .nos-thematiques .hitTheme .text-opacity { background-color: #000; bottom: 3px; filter: alpha(opacity=50); height: 15px; left: 0; position: absolute; width: 145px; } .pays .hitTheme a.thumbnail { position: static; } .nosDestinations{ border-bottom: 1px solid #EAEAEA; margin-top:10px; } .nosDestinations h3 { margin-bottom: 10px; } .nosDestinations table.hit { width: 100%; } .nosDestinations .hitInfo { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/grey-arrow.png") no-repeat left 4px; border-right: 1px solid #eee; padding: 0 10px; text-align: left; vertical-align: top; width: 145px; } .nosDestinations .hitInfo.last { border-right: none; } .nosDestinations a { color: #313131; } /* ou dormir */ .digital-box ul.categories { overflow: hidden; position:relative; } .digital-box .categories li { float: left; text-align: center; width: 82px; } .digital-box .categories li a { display: block; } .ie7 .oudormir .voirPlus a { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/orange-arrow.png") no-repeat right 5px; padding-right: 10px; } /* Vous informer */ .vous-informer { text-align: left; } .vous-informer #inform-you-6 div { background-position: -283px 19px; } .vous-informer #inform-you-5 div { background-position: -1601px 4px; } .vous-informer div.inform-you-slide div { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/sprite-inform-you-home.png") no-repeat; height: 82px; } .vous-informer h3 { font-size: 15px; line-height: 17px; margin-bottom: 2px; margin-top: 0; padding-top: 10px; text-transform: uppercase; } .vous-informer h3 span { color: #7AB800; display: block; } .vous-informer .inform-you-slide a { color: #7B7B7B; display: block; font-size: 11px; line-height: 15px; padding-bottom: 5px; text-decoration: none; width: 140px; } .vous-informer #inform-you-5.inform-you-slide a { color: #7B7B7B; display: block; font-size: 11px; height: 30px; line-height: 15px; margin-left: -5px; margin-top: -40px; padding-bottom: 5px; padding-left: 5px; padding-top: 40px; position: absolute; text-decoration: none; width: 250px; } .vous-informer div.inform-you-slide { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: -khtml-gradient(linear,left top,left bottom,from(#F3F3F3),to(#E8E8E8)); background-image: -moz-linear-gradient(top,#F3F3F3,#E8E8E8); background-image: -ms-linear-gradient(top,#F3F3F3,#E8E8E8); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F3F3F3),color-stop(100%,#E8E8E8)); background-image: -webkit-linear-gradient(top,#F3F3F3,#E8E8E8); background-image: -o-linear-gradient(top,#F3F3F3,#E8E8E8); background-image: linear-gradient(top,#F3F3F3,#E8E8E8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3',endColorstr='#E8E8E8',GradientType=0); padding-left: 10px; margin-bottom: 10px; border-width: 1px; border-style: solid; border-color: #EEE #E3E3E3 #DEDEDE #E3E3E3; text-shadow: 0 1px 2px #fff; background-color: #fff; height: 81px; overflow: hidden; } .vous-informer div#inform-you-5:hover { border: 1px solid #999; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),0 0 3px #fff inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25),0 0 3px #fff inset; box-shadow: 0 1px 2px rgba(0,0,0,0.25),0 0 3px #fff inset; } .vous-informer #inform-you-6.inform-you-slide a { padding-bottom: 0; } .vous-informer #inform-you-6 { height: 96px; } .vous-informer div#inform-you-6.inform-you-slide div { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/sprite-inform-you-home.png") no-repeat; height: 97px; } .vous-informer div#inform-you-6 a:hover { text-decoration: underline; } /** SEARCH FORM **/ #DF-search.digital-box { padding: 12px 20px; } #DF-search .searchWidget { margin: 0; } #DF-search .corrections { padding: 15px 5px 5px; } #DF-search .spellChecker { color: #3279BE; font-weight: bold; } #DF-search strong, #magicWordHebergement strong { color:#0784B9; } #magicWordHebergement{ font: 13px arial, helvetica, sans-serif; padding-top: 10px; padding-bottom: 20px; } .comResult { margin-top:15px; } .searchFormContent label { color: #0784b9; font-weight: bold; line-height:35px; } .searchFormContent input { height: 20px; } .searchFormContent button { vertical-align: top; } .msie7 .searchFormContent label { display: inline-block; height:36px; line-height:36px; margin-right: 5px; } .msie7 .searchFormContent button { margin-left: 5px; width: 150px; } .msie7 .searchFormContent input { width:310px; } .search-box #DF-search { padding-bottom: 20px; } .msie7 .search-box #DF-search { padding-bottom: 10px; } /* Ma selection **/ .maSelection { margin-top: 0; padding: 20px 12px; width: 276px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -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; text-align: left; } .msie7 .maSelection { padding-bottom: 22px; padding-top: 22px; } .maSelection h2 { font-family: AvenirRoman,Arial,sans ms; font-size: 20px; } .maSelection .blocLienSelection { background: none; border: none; padding: 0; } .maSelection .blocLienSelection a { color: #0784b9; font-size: 12px; } .maSelection .blocLienSelection:hover { text-decoration:underline; } /* Bloc video */ .pays .video { background-color: #51514f; -webkit-background-size: 4px 4px; -moz-background-size: 4px 4px; background-size: 4px 4px; background-image: -moz-linear-gradient(45deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(79,79,76,1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(79,79,76,1)),color-stop(0.75,rgba(79,79,76,1)),color-stop(0.75,transparent),to(transparent)); background-image: -webkit-linear-gradient(135deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); background-image: -ms-linear-gradient(135deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(135deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); background-image: linear-gradient(135deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); padding: 15px 30px; position: relative; } .pays .video a { color: #fff; } .pays .video a.thumbnail { display: inline-block; height: 150px; width: 200px; } .pays .video img { height: 150px; width: 200px; } .pays .video img.small { height: 120px; left: 0; overflow: hidden; padding-top: 15px; position: absolute; top: 0; } .pays a.thumbnail { position: relative; text-decoration: none; } .pays .video-une { margin-left: 0; margin-right: 0; margin-top: 0; } .ie7 .pays .video-une .voirPlus a { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/blue-arrow.png") no-repeat right 5px; padding-right: 10px; } /* PUB */ .adBlock { background-color: #b8b9b6; border: none; margin-bottom: 40px; margin-top: 0; } .adBlock .titre_pub { background-color: #51514f; -webkit-background-size: 4px 4px; -moz-background-size: 4px 4px; background-size: 4px 4px; background-image: -moz-linear-gradient(45deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(79,79,76,1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(79,79,76,1)),color-stop(0.75,rgba(79,79,76,1)),color-stop(0.75,transparent),to(transparent)); background-image: -webkit-linear-gradient(135deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); background-image: -ms-linear-gradient(135deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(135deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); background-image: linear-gradient(135deg,rgba(79,79,76,1) 25%,transparent 25%,transparent 50%,rgba(79,79,76,1) 50%,rgba(79,79,76,1) 75%,transparent 75%,transparent); color: #fff; font-size: 9px; line-height: 12px; margin-bottom: 1px; text-align: center; text-transform: uppercase; } #adBlockDart.digital-box { width: 260px; } /* fil d'ariane */ #l_breadcrumb { -moz-border-radius: 3px 3px 3px 3px; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); background-color: #F6F6F5; color: #B3B3B4; height: 27px; margin: 10px 0 20px; } #l_breadcrumb { width: 960px; } #l_breadcrumb p { height: 27px; line-height: 27px; overflow: hidden; padding: 0 0 0.5em 5px; } #l_breadcrumb a:first-child { background-position: right -27px; padding-left: 5px; text-indent: -9999px; width: 10px; } #l_breadcrumb a { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/breadcrumb.png") no-repeat right top; color: #B3B3B4; display: block; float: left; line-height: 27px; margin-right: 5px; padding-right: 20px; text-decoration: none; vertical-align: middle; } #l_breadcrumb p { color: #B3B3B4; } /* rendu pagination/ejp page liste transports */ .listeTransport .voirPlus.ejp a:hover{ color:#E05206; } .listeTransport .voirPlus.ejp:hover{ color:#E05206; } .listeTransport .voirPlus.ejp{ width: 230px; padding-top: 5px; text-align:left; border:none; } .hexagoContainer{ border-top: 1px solid #eaeaea; float: left; width: 100%; } /* BLOCS Aeroports */ .transports .hit { margin-bottom:10px; overflow: hidden; } .transports .astuces .colonnesTransport .gauche, .transports .astuces .colonnesTransport .droite{ margin-bottom:10px; } .listeTransports .transports .astuces .colonnesTransport .droite{ width: 300px; text-align: left; } .listeTransports .ligne{ float: left; } .moyenTransport{ margin-bottom: 20px; } .transports .entries .astuces{ margin-top: 30px; } .transports .entries .astuces div.astuces{ border-top: 1px solid #EAEAEA; padding-top: 10px; } .transports .entries{ margin-bottom: 20px; } .msie7 .displayHitsDF.transports a.text { float: left; display:inline-block; background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -9px; padding-right:12px; width:160px; height:15px; } .msie7 .displayHitsDF.transports a.text:hover { background-position:right -51px; } .transports a.text { text-decoration:underline; float: left; min-width:189px; position:relative; } .right .transports a.text { text-decoration:underline; float: left; min-width:174px; position:relative; } .msie7 .right .transports a.text { text-decoration:underline; float: left; min-width:163px; position:relative; } .transports a.text:after { content:" \25BA \ "; position:absolute; margin-left:5px; overflow:hidden; height:13px; right:0; } .msie7 .transports a.text { background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -9px; } .msie7 .transports a.text:hover { background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -51px; } .transports a.text:hover { text-decoration:none; } .transports a { color: #333; } .transports a:hover { color:#E05206; } .transports a.image { font-weight: bold; text-decoration:underline; padding-left:4px; padding-top:10px; display:inline-block; } .displayHitsDF.transports a.image { padding-top:0; } .transports a.image:hover { text-decoration:none; } .transports h3 { line-height: 25px; text-transform: uppercase; } .transports h3 span{ vertical-align: top; } .transports h3 img { margin-right: 5px; } .transports h3 .tr-title { display: block; margin-left:25px; } .avion, .train, .voiture, .bus { float: left; width:560px; text-align:left; } .right .avion, .right .train, .right .bus { width:250px; background:none; float:none; margin-left:0; padding-left:0; margin-bottom:7px; text-align:left; } .voiture{ text-align:left; margin-bottom: 10px; width:100%; } .right .voiture{ margin-left:0; } .moyenTransport.voiture{ float:left; } .right .colonnesTransport{ width:250px; } .colonnesTransport .gauche{ padding-right:10px; width:270px; float:left; text-decoration:underline; } .colonnesTransport .gauche:hover{ text-decoration:none; color:#E05206; cursor:pointer; } .colonnesTransport.voiture .gauche{ padding-right: 10px; float: left; text-align: left; width: 270px; position: relative; } .right .colonnesTransport .gauche{ padding-right:10px; width:180px; float:left; } /* .colonnesTransport.voiture .gauche:before{ text-decoration:none; content: " \25BA \ "; }*/ /* .colonnesTransport.voiture .gauche:before{ content: " \25BA \ "; position: absolute; margin-left: 5px; overflow: hidden; height: 13px; left: 0; }*/ .voiture .gauche{ padding-left:0px; width:320px; float:left; } .right .voiture .gauche{ padding-left:0px; float:left; } .colonnesTransport .droite{ width:80px; float:left; text-align:center; font-weight:bold; } .right .colonnesTransport .droite{ width:60px; float:left; text-align:left; font-weight:normal; font-weight:bold; } .pays .transports .mappyMarker { height: 25px; width: 19px; } .transports .mappyMarker { margin: 0 10px 0 0; } .listeVoyazine img.mappyMarker { float: left; margin: 0 5px 0 0; } /* picto dans l'image */ .carrousel-image img.mappyMarker { bottom: 0; left: 0; z-index: 33; } /* picto a  gauche du titre */ .carrousel-paragraphe .description h3 { display: block; margin-left: 23px; } .currentPara .carrousel-paragraphe .description h3 { color:#3e3d40; font-weight:bold; } .carrousel-paragraphe img.mappyMarker { float: left; margin: 0 5px 0 0; filter : alpha(opacity=50); opacity : 0.5; } .currentPara .carrousel-paragraphe img.mappyMarker { filter : alpha(opacity=100); opacity : 1; } .carrousel .paragraphe-block-title { color:#bcbdbc; font-size:11px; font-weight:normal; } .carrousel-paragraphe .description a:hover { text-decoration:none; } .separate-arrow { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/arrow-left-box.png") no-repeat 0 top #fff; height:20px; margin-left: -10px; width: 610px; } .separate-arrow-two { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/arrow-searchbox.png") no-repeat 0 top #fff; height:20px; margin-left: -10px; width: 610px; } .carrousel-paragraphe .description a, .carrousel-paragraphe .description a:hover { color:#3E3D40; text-decoration:none; } /* BLOCS Activites */ .activite { font-size: 11px; } .activite .hit { margin-bottom: 20px; float:left; } .activite .hitInfo { float: left; line-height: 14px; padding-bottom: 14px; width: 425px; } .right .activite .hitInfo { min-height: 106px; width: 125px; position:relative; } .msie7 .right .activite .hitInfo { margin: 0; padding-bottom: 0; min-height: 120px; position: relative; } .msie7 .activite .info { padding-bottom: 16px; } .right .activite .hitInfo .location { font-weight:bold; } .activite .hitInfo .link { bottom: 0; position: absolute; right: 0; } .activite h3 a { color: #8aba18; font-size: 12px; text-decoration:none; } .activite .thumbnail{ float: left; padding-right: 15px; position: relative; width: 140px; } .right .activite .thumbnail { width: 120px; } .activite .itemType { background-color: #8aba18; color: #fff; font-weight:bold; height: 18px; line-height: 18px; padding-right: 10px; position: absolute; text-align: right; width: 98px; } .activite .thumbnail img { height: 140px; width: 140px; } .right .activite .thumbnail img { height: 120px; width: 120px; } .listeActivite .location, .listeActivite .categorieActivite, .listeActivite .dates-events { color:#8ABA18; font-weight: bold; } .listeActivite .dates-events { margin-top:5px; } .msie7 .activite .link { bottom: -15px; margin-top: 0; } .listeActivite .location { float:left; width:190px; } .listeActivite .categorieActivite { float:right; text-align: right; width:190px; } .evenementDetail .listeActivite .categorieActivite { height: 28px; } .listeActivite .bonplan .info { font-size:12px; padding: 5px 0; } .listeActivite .bonplan .info .auteur { float:left; } .listeActivite .bonplan .info .note { float:right; } .listeActivite .note img { margin-bottom: 1px; vertical-align: bottom; } .listeActivite .hitInfo { border-bottom: 1px solid #EAEAEA; color: #3D3D3F; float: left; line-height: 14px; margin-bottom: 14px; min-height: 140px; padding-bottom:0; position:relative; width: 425px; } .listeActivite .hitInfo .auteur span{ background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fond-auteurDF.png") no-repeat; color:#7ab800; font-weight:bold; padding-left: 15px; } /* BLOCS Hebergements */ .hebergement { font-size: 11px; } .hebergement .topborder{ width: 100%; padding-top:10px; border-top: 1px solid #EAEAEA; } .hebergement .texte-choix, .hebergement .searchWidget .topborder, .astuces .texte-choix{ clear: both; font-size: 13px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } .hebergement h3 { display: inline-block; margin-bottom: 10px; } .hebergement h3 a { font-size: 13px; text-decoration:none; } .hebergement .headlabel { width: 100%; } .hebergement .headlabel .headlabelleft{ width: 255px; float: left; } .hebergement div.nombre_etoiles { color: #EC8A13; float: right; height: 50px; width: 21px; } .hebergement div.nombre_etoiles span { color: #EC8A13; font-size: 12px; font-weight: bold; } span.nombre_etoiles { color: #EC8A13; } .hebergement .hit { margin-bottom: 20px; position: relative; width: 580px; } .myPopUp .hebergement { text-align:center; } .myPopUp .hebergement .blocConteneur { margin-top: 15px; } .myPopUp .hebergement .price { color: #0088CE; } .myPopUp .hebergement .hitInfo { border-bottom: 1px solid #EAEAEA; height: auto; min-height: 120px; position: relative; } .myPopUp .hebergement .hit { text-align:left; } .hebergement .twoCols .hit { float: left; margin-bottom: 20px; position: relative; width: 280px; } .hebergement .ranking { text-align: center; } .hebergement .twoCols .hit.odd { margin-right: 20px; } .hebergement .thumbnail { float:left; margin-right:15px; position: relative; } .hebergements.oneCol .thumbnail { height:120px; width:200px; } .hebergement .twoCols .thumbnail { float: none; height:150px; margin-bottom: 5px; width:280px; } .hebergement .thumbnailVideo { cursor: pointer; left: 0; position: absolute; } .hebergement .itemType { background-color: #0088ce; color: #fff; font-weight: bold; height: 18px; line-height: 18px; padding-right: 10px; position: absolute; text-align: right; width: 175px; } .hebergement .twoCols .itemType { width: 220px; } .msie7 .hebergement .itemType { top: 0; left: 0; } .hebergement .thumbnail img.visuel { height: 120px; width: 200px; } .hebergement .twoCols .thumbnail img.visuel { height: 150px; width: 280px; } .hebergement .hit.skihorizon .thumbnail { border: 1px solid #E0E1DD; height: 148px; line-height: 148px; margin-bottom: 3px; text-align: center; width:198px; } .hebergement .twoCols .hit.skihorizon .thumbnail { width: 280px; } .right .hebergement .hit.skihorizon .thumbnail { height:auto; line-height:118px; width:118px; } .hebergement .hit.skihorizon .thumbnail img.nothumbnail { height: auto; vertical-align: middle; width: auto; } .hebergement .lieu { font-weight: bold; } .hebergement .blocConteneur { position:relative; } .hebergement .oneCol .price, .hebergement.oneCol .price { color:#0088CE; float:left; } .hebergement .oneCol .timePassed, .hebergement.oneCol .timePassed { float:left; line-height: 23px; margin-right: 10px; } .hebergement .price .promo, .popup .price .promo { text-decoration: line-through; } .hebergement .price .value { font-size: 17px; font-weight: bold; } .hebergement .hitInfo .offer-bottom-line { bottom: 0; line-height: 18px; position: absolute; width: 280px; } .hebergement .hitInfo { float:left; height: 100px; width:365px; } .listeHebergement .hebergement .hitInfo, #selectionPage .hebergement .hitInfo { border-bottom: 1px solid #EAEAEA; height: auto; min-height:120px; position: relative; } .hebergement .twoCols .hitInfo { float:none; width:auto; } .hebergement .hitInfo .link { float: right; } .listeHebergement .hebergement .hitInfo .link { margin-bottom:5px; } .hebergement .hitInfo .price a { text-decoration:none; } .hebergement .hitInfo .price a:hover { text-decoration:underline; } .hebergement .hitInfo .link .arrow:after { content: " \25BA \ "; text-decoration: none; } .hebergement .choix-with-border { padding-top: 20px; } .autre-hebergement .hit { margin-bottom: 0; } .hebergement .autre-hebergement .thumbnail { float: left; } .hebergement .autre-hebergement .hitInfo { float: left; height: auto; } .hebergement .autre-hebergement h3 a { color: #3E3D40; line-height: 65px; text-decoration: none; vertical-align: middle; } .hebergement .autre-hebergement h3 a:before { content: " \25BA \ "; text-decoration: none; } .hebergement .autre-hebergement .thumbnail img { height: auto; width: auto; } .hebergement .hebergements { clear:both; } /*liste hébergement */ .listeHebergement .hebergement .lieu, #selectionPage .hebergement .lieu { color:#0088CE; } .listeHebergement .hebergement h3 a , .listeVoyazine .Voyazine h3 a, .listeActivite h3 a, #selectionPage h3 a { color: #333; text-decoration:none; } .listeHebergement .hebergement h3, #selectionPage .hebergement h3 { display: block; margin-bottom: 0; text-transform:uppercase; } .listeHebergement .promoLoc { color:#0088CE; font-style:italic; font-weight:bold; margin-top: 5px; text-transform:uppercase; } .listeHebergement .locationparticulier .price { line-height: 20px; } .listeHebergement .hebergements img.mappyMarker, .listeVoyazine .Voyazine img.mappyMarker , #selectionPage .hebergement img.mappyMarker { margin: 0 7px 10px 0; } .listeHebergement .hebergement .description, .listeHebergement .hebergement .blocConteneur, .listeVoyazine .Voyazine .description, .listeActivite .description, #selectionPage .hebergement .description, #selectionPage .hebergement .blocConteneur { margin-top:7px; } /*liste activite */ .listeActivite h3 { display: block; margin-bottom: 0; text-transform: uppercase; } /*blocs Voyazines */ .listeVoyazine .thumbnail { float: left; height:150px; padding-right: 15px; width: 200px; } .listeVoyazine .thumbnail img { height:150px; position:absolute; width: 200px; } .listeVoyazine .Voyazine h3 { text-transform:uppercase; } .listeVoyazine .titre-dossier, .titre-sommaire { color: #C60172; font-weight:bold; font-size: 15px; padding-bottom: 10px; } .listeVoyazine .lesliens, .listeActivite .lesliens { bottom:5px; position: absolute; width: 365px; } .listeActivite .lesliens { width: 415px; } .listeHebergement .lesliens { margin-top: 10px; position:relative; } .listeTransport .lesliens, .hebergement .hebergement-offres .lesliens { clear:both; float:right; padding-top: 5px; width:150px; } .listeTransports .lesliens{ position: relative; } .listeTransport .lesliens{ clear:none; padding-top: 0;width:auto; } .listeTransport .colonnesTransport .boutonSelection.clicked{ text-align:right; width:auto; } .listeVoyazine .hitInfo { border-bottom: 1px solid #EAEAEA; color:#3d3d3f; float: left; line-height: 14px; min-height: 150px; margin-bottom: 14px; position:relative; width: 365px; } .listeVoyazine .hit { position: relative; } .listeVoyazine .Voyazine .link { float:right; } .listeVoyazine .Voyazine .link:after { content: " \25BA \ "; } .listeVoyazine .Voyazine .link a { color: #3E3D40; } .listeVoyazine .Voyazine .link a:hover, .listeVoyazine .Voyazine .link:hover { color:#C60172; } /* BLOCS Hebergements cross sell */ .right .hebergement .hit { margin-bottom: 20px; position: relative; } .right .hebergement .thumbnail { float:left; min-height:102px; margin-right: 15px; position: relative; width: 120px; } .right .hebergement .thumbnail img { height: 102px; padding-top: 18px; width: 120px; } .right .hebergement .thumbnail img.thumbnailVideo { width:120px; } .right .hebergement .itemType, .right .activite .itemType { width: 110px; } .right .hebergement .hitInfo { float: left; line-height: 14px; padding-bottom: 14px; width: 125px; } .right .hebergement .hitInfo { height: auto; } .right .hebergement .hitInfo .link { bottom:-5px; position: absolute; right: 0; } .right .hebergement .hit { float:left; margin-right: 0; width: auto; } .right.hebergement .hit.skihorizon .thumbnail { border: 1px solid #E0E1DD; height: 118px; line-height: 118px; margin-bottom: 3px; text-align: center; width: 103px; } .right .hebergement .hit.skihorizon .thumbnail img { height: auto; vertical-align: middle; width: 118px; } /* POP up Video Hebergement */ .myPopUp .hebergement .lieu { color: #0088CE; } .myPopUp .hebergement h3 { display: block; margin-bottom: 0; text-transform: uppercase; } .myPopUp .hebergement .description { margin-top: 15px; } /* Bloc elargissement/affinement */ #affiElar { overflow: hidden; width: 100%; } .twoBloc { float: left; width: 270px; } .oneBloc { float: left; width: 580px; } .elar.twoBloc { border-left: 1px solid #EAEAEA; } .elar.twoBloc { padding-left: 39px; width: 250px; } .lienAffiElar { display: inline-block; float: left; width: 130px; } .elar.twoBloc .lienAffiElar { width: 125px; } .titreRefine { color: #0784b9; font-size: 12px; font-weight: bold; margin-bottom: 16px; } .resultatsRefine a { color: #333; font-size: 11px; line-height: 18px; text-decoration: underline; } .resultatsRefine a:hover { color:#0784B9; } /* Horinzontal refines DF */ .horizontalRefines { margin:0; } .horizontalRefines .refinesGroup { margin-bottom: 0; } .horizontalRefines .refinesGroup li { margin: 0; padding: 0; vertical-align: top; zoom:1; } .refineMenuDF .class { background-position:bottom; background-repeat:repeat-x; font-size:11px; height:65px; } .refineMenuDF .class li.refinedM { background-position:center 50px; background-repeat:no-repeat; } .refineMenuDF .class li a{ background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/limitMenuRefine.jpg") no-repeat right top; font-weight:bold; max-width: 87px; text-align: center; } .msie7 .refineDF .horizontalRefinesWrapper ul.refinesGroup { float:left; width:450px; } .refineMenuDF a.refined { color:#7ab800; } .refineMenuDF a { display:block; height:55px; padding:5px 10px; } .digital-box.zone-color-df-france-1 .refineMenuDF .class { background-image:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-refine.png"); } .digital-box.zone-color-df-france-1 .refineMenuDF .class li.refinedM{ background-image:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-refineOn.png"); } .digital-box.zone-color-df-france-4 .refineMenuDF .class { background-image:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-refineHeb.png"); } .digital-box.zone-color-df-france-4 .refineMenuDF .class li.refinedM{ background-image:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/background-refineHebOn.png"); } .digital-box.zone-color-df-france-1 .refineMenuDF .refinedM a, .digital-box.zone-color-df-france-1 .refineDF h3 { color: #7AB800; } .digital-box.zone-color-df-france-4 .refineMenuDF .refinedM a, .digital-box.zone-color-df-france-4 .refineDF h3 { color: #0088CE; } .refineDF { background-color:#ecedeb; clear: both; font-size:11px; padding-bottom:15px; } .refineDF a { text-decoration:underline; } .refineMenuDF a , .refineDF a { color:#3e3d40; } .refineDF .titreAffiner { border-bottom:1px solid #bcbdbd; color:#3e3d40; font-weight:bold; margin:0 10px 10px; padding: 10px 0 5px; text-transform: uppercase; } .refineDF h3 { float:left; font-size:11px; font-weight:bold; margin-left:10px; width: 120px; } .refineDF li.refinesGroup { margin-bottom:20px; overflow:hidden; position:relative; } .horizontalRefines .refinesGroup li.alone { padding-left: 10px; } .refineDF .categories li { margin-right:18px; padding-bottom: 5px; width:auto; } .refineDF .categories .displayed, .refineDF .categories .refined a { text-transform : lowercase; } .refineDF .categories .displayed:first-letter, .refineDF .categories .refined a:first-letter { text-transform : uppercase; } .digital-box .refineDF .categories li a { display:inline; } /* page desambiguisation */ #page-ambiguite .search-box { position:relative; overflow:hidden; } #page-ambiguite .mappy .mappyWrapper { background-image:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/monde1.jpg"); } #page-ambiguite .mappy .mappy-wrapper-no-background { background-image:none; background-color:#ffface !important; } #page-ambiguite .search-box .digital-box h2.complex-title { font-family: arial,sans-serif; font-size:12px; font-weight:bold; text-transform:none; } .listeDesambiguisation { background-color:#E0E1DD; float:left; height: 350px; width:158px; margin-top:21px; } .listeDesambiguisation .wrapper .entries { background-color:white; height: 300px; padding:5px; } #page-ambiguite .mappy { float:left; width:380px; } .desembiguisations { margin-bottom:10px; text-transform:capitalize; } .desembiguisations div { margin-left:25px; } .libelleGeos { font-weight:bold; } .reponseGeo { font-weight: bold; margin-bottom:20px; } /* Activite detail */ .evenementDetail .blocTitle, .pageBonplandetails .blocTitle , .pageRestaurantdetails .blocTitle{ background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/titre-fleche.png") no-repeat -2px bottom white; margin-bottom:10px; overflow: hidden; position:relative; } .evenementDetail .activiteDetail .categorieActivite, .pageBonplandetails .bonplanDetail .categorieActivite, .pageRestaurantdetails .restaurantDetail .categorieActivite { background-color:#7ABB00; color:white; display:inline-block; float:right; font-size:11px; font-weight:bold; margin-top:3px; padding:0 10px; width: 110px; } .evenementDetail .activiteDetail .complex-title, .pageBonplandetails .bonplanDetail .complex-title{ border-bottom:none; float:left; padding-bottom:26px; width:440px; } .pageRestaurantdetails .restaurantDetail .complex-title { border-bottom:none; float:left; padding-bottom:26px; width:400px; } .evenementDetail .blocDesc { clear:both; position:relative; } .evenementDetail .activiteDetail .thumbnail, .pageBonplandetails .bonplanDetail .thumbnail, .pageRestaurantdetails .restaurantDetail .thumbnail { float:left; padding-right:15px; width:140px; } .evenementDetail .activiteDetail .description, .pageBonplandetails .bonplanDetail .description, .pageRestaurantdetails .restaurantDetail .description { float:left; width:425px; } .evenementDetail .descP, .evenementDetail .descDate, .evenementDetail .descLien { color:#393939; margin-bottom:15px; } .evenementDetail .activiteDetail .link, .pageBonplandetails .bonplanDetail .link, .pageRestaurantdetails .restaurantDetail .link{ border-top:1px solid #EAEAEA; height:18px; padding-top:6px; position:relative; } .pageBonplandetails .bonplanDetail .link{ border-bottom: 1px solid #EAEAEA; padding-bottom:8px; } .evenementDetail .ilike, .pageBonplandetails .ilike, .pageRestaurantdetails .ilike { float:right; width: auto; } .pageVoyazineDetail .ilike { display: inline-block; padding-left: 70px; width: auto; } .pageBonplandetails .descLieu { margin-bottom:15px; overflow: hidden; position:relative; } .pageBonplandetails .utilisateur { clear:both; font-size:11px; margin-bottom:10px; overflow: hidden; position: relative; } .pageBonplandetails .utilisateur .nom { font-size:12px; font-weight:bold; margin-bottom: 5px; } .pageBonplandetails .utilisateur .nom span{ background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fond-auteurDF.png") no-repeat scroll 0 0 transparent; color:#96c00f; display: inline-block; padding-left: 18px; } p.pseudo b{ color:#96c00f; display: inline-block; } .pageBonplandetails .coordonnees { float:left; } .pageBonplandetails .note { float:right; } .pageBonplandetails .bonplanDetail .utilisateur_avis_image { float: left; margin-right: 15px; } .pageBonplandetails .bonplanDetail .commentaires { border-bottom:1px solid #EAEAEA; clear:both; padding: 10px 0; } .pageBonplandetails .bonplanDetail .commentaires_libelle { color:#393939; font-weight:bold; font-size:14px; margin-bottom: 10px; } .pageBonplandetails .bonplanDetail .commentaire { background-image: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/stripes-dark-grey.png"); border:1px solid #b4b4b4; margin-bottom:15px; padding:8px; } .pageBonplandetails .bonplanDetail .commentaire.premier { position:relative; } .pageBonplandetails .bonplanDetail .commentaires .fleche { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/ugc_abassadeur_avis_fleche_haut.png") no-repeat; height: 10px; position: absolute; top: -10px; width: 49px; } .pageBonplandetails .bonplanDetail .commentaires .commentaire_inner .avatar { float: left; width: 31px; } .pageBonplandetails .bonplanDetail .commentaires .commentaire_inner .pseudo_texte { margin-left: 41px; } .pageBonplandetails .bonplanDetail .commentaires .commentaire_inner .pseudo a { color: #75AE20; } .pageBonplandetails .bonplanDetail .commentaires_plus { clear:both; margin-top: 10px; text-align: right; } /* Pages détail voyazine DF */ .pageVoyazineDetail .digital-box h1 { font-family: Arial, sans-serif; font-size:22px; font-weight:bold; } .pageVoyazineDetail .authorPart, .dossierAuteur .authorPart { color:#3e3d40; } .pageVoyazineDetail .authorPart .descriptionAuteur, .dossierAuteur .authorPart .descriptionAuteur{ font-size:12px; vertical-align:top; } .pageVoyazineDetail .paragraphPart .descriptionPhoto { clear:both; color:#3e3d40; position:relative; margin-top: 15px; } .pageVoyazineDetail .paragraphPart .descriptionPhoto h1 { margin-bottom: 15px; color: #C60172; } .pageVoyazineDetail .paragraphPart .descriptionPhoto .sommaire a{ color:#b10166; text-decoration: underline; } .pageVoyazineDetail .sommaire iframe, .pageVoyazineDetail .sommaire object { border: medium none; height: 410px; width:580px; } .pageVoyazineDetail .sommaire p{ text-align: justify; } .pageVoyazineDetail .paragraphPart .photo_information { float:left; margin-right:15px; width:200px; } .pageVoyazineDetail .paragraphPart .photo_information img { height:150px; width:200px; } .pageVoyazineDetail .paragraphPart .photo_secondaire image_secondaire { height:440px; width:580px; } .pageVoyazineDetail .paragraphPart .descriptionPhoto .titre_photo { border-bottom:1px solid #bbb; font-size:10px; padding-bottom:5px; } .pageVoyazineDetail .boutonssociaux { width:0; height:0; overflow:hidden; position:relative; } /* new carrousel*/ .pageVoyazineDetail .paragraphes div.hit { width:130px; } /*pagination voyazine */ .pageVoyazineDetail .paginationVoyazine { border-top:1px solid #bcbdbc; color:#838383; padding-top:10px; position:relative; } .pageVoyazineDetail .paginationVoyazine a{ color:#3E3D40; } .pageVoyazineDetail .paginationVoyazine .link a:hover, .pageVoyazineDetail .paginationVoyazine .link:hover, .pageVoyazineDetail .paginationVoyazine .articlePrecedent a:hover, .pageVoyazineDetail .paginationVoyazine .articlePrecedent:hover { color: #C60172; } .pageVoyazineDetail .paginationVoyazine .link, .pageVoyazineDetail .paginationVoyazine .articlePrecedent { color: #3E3D40; } .pageVoyazineDetail .paginationVoyazine .link { float: right; padding-top: 2px; padding-bottom: 10px; } .pageVoyazineDetail .paginationVoyazine .articlePrecedent:before { content: " \25C4 \ "; } .pageVoyazineDetail .paginationVoyazine .link:after { content: " \25BA \ "; } .pageVoyazineDetail .paginationVoyazine .articlePrecedent .libelle { font-size:12px; font-weight:bold; } .pageVoyazineDetail .paginationVoyazine .articlePrecedent { float:left; padding-right:20px; width:140px; } .pageVoyazineDetail .paginationVoyazine .articlePrecedentVide { float:left; padding-right:148px; } .pageVoyazineDetail .paginationVoyazine .linkVide { float:right; padding-right:148px; } .pageVoyazineDetail .paginationVoyazine .pageArticle { float:left; font-size:13px; text-align:center; width:258px; padding-bottom: 25px; } .pageVoyazineDetail .paginationVoyazine .pageArticle a{ text-decoration: none; } .pageVoyazineDetail .paginationVoyazine .pageArticle .puce img { height: 7px; width: 7px; } .pageVoyazineDetail .magazineDF { padding: 20px 20px 10px; } .pageVoyazineDetail .magazineDF .hit { padding-right : 20px; margin: 0 0 0; } .pageVoyazineDetail .magazineDF .last { padding-right : 0px; margin: 0 0 0; } .pageVoyazineDetail .magazineDF .hit img { width: 180px; height: 135px; } .pageVoyazineDetail .magazineDF .hit .magazine-block-title { width: 170px; } .pageVoyazineDetail .magazineDF .hit .description { width: 170px; } .pageVoyazineDetail .magazineDF .hit:hover .description, .pageVoyazineDetail .magazineDF .hit-hover .description { padding: 5px 10px 0px 10px; width: 160px; } .pageVoyazineDetail .modificationDate { color: grey; padding-bottom: 10px; } /* correction booking */ .msie7 .right #vsct-france-booking-form #booking-choice { margin-left:0; } /* Suggest */ .searchFormContent { position:relative; clear:both; float:left; text-align:left; height:35px; } #DF-search .suggestContainer { margin-left:86px; position:absolute; top:36px; border-color: #ccc; border-width:1px; border-style:solid; background-color:#fff; z-index:10; } #page-ambiguite #DF-search .suggestContainer{ z-index:1000; } #page-ambiguite .js #header .sub-menu { z-index:1001; } #DF-search .suggestContainer { width:361px; left:-1px; } #DF-search .suggestContainer .close { position:absolute; top:1px; right:8px; line-height: 22px; z-index:2; } #DF-search .suggestContainer ul { list-style-type: none; width:300px; } #DF-search .suggestContainer ul li { padding-left:5px; line-height: 22px; } #DF-search .suggestContainer ul li.selected, #DF-search .suggestContainer ul li.highlighted { background-color: #3279BE; color:#fff; cursor:pointer; font-weight: bold; } /* FIX BOOKING IE7 */ .msie7.js #booking-forms { float:none; } .savings { float: left; } a.videolink{ text-decoration: none; } body.waiting{ background: white; } #PT.servPushText{ color: #CC6600; font-size: 24px; font-weight: bold; font-family: Arial,Helvetica,Sans Serif; } div.buttonReserverVideo{ width: 645px; text-align: right; } div.buttonReserverVideo button{ width: 130px; float: right; } #reserverForm{ text-align: right; } div.note{ width: 100%; float: left; } /* DETAIL RESTAURANT*/ .pageRestaurantdetails .descLieu { position:relative; } .pageRestaurantdetails .utilisateur { clear:both; font-size:11px; margin-bottom:10px; overflow: hidden; position: relative; } .pageRestaurantdetails .utilisateur .nom { font-size:12px; font-weight:bold; margin-bottom: 5px; } .pageRestaurantdetails .utilisateur .nom span{ background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fond-auteurDF.png") no-repeat scroll 0 0 transparent; color:#96c00f; display: inline-block; padding-left: 18px; } .pageRestaurantdetails .coordonnees { float:left; } .pageRestaurantdetails .note { float:right; } .pageRestaurantdetails .restaurantDetail .utilisateur_avis_image { float: left; margin-right: 15px; } .pageRestaurantdetails .restaurantDetail .commentaires { border-bottom:1px solid #EAEAEA; clear:both; padding: 10px 0; } .pageRestaurantdetails .restaurantDetail .commentaires_libelle { color:#393939; font-weight:bold; font-size:14px; margin-bottom: 10px; } .pageRestaurantdetails .restaurantDetail .commentaire { background-image: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/stripes-dark-grey.png"); border:1px solid #b4b4b4; margin-bottom:15px; padding:8px; } .pageRestaurantdetails .restaurantDetail .commentaire.premier { position:relative; } .pageRestaurantdetails .restaurantDetail .commentaires .fleche { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/ugc_abassadeur_avis_fleche_haut.png") no-repeat; height: 10px; position: absolute; top: -10px; width: 49px; } .pageRestaurantdetails .restaurantDetail .commentaires .commentaire_inner .avatar { float: left; width: 31px; } .pageRestaurantdetails .restaurantDetail .commentaires .commentaire_inner .pseudo_texte { margin-left: 41px; } .pageRestaurantdetails .restaurantDetail .commentaires .commentaire_inner .pseudo a { color: #75AE20; } .pageRestaurantdetails .restaurantDetail .commentaires_plus { clear:both; margin-top: 10px; text-align: right; } /* LISTE MICHELIN */ .activite .michelin div.priceInfo div.info div.note a { text-decoration: none; } .activite .michelin div.priceInfo div.info div.note a p.avis { float: left; margin: 0 0 0 15px; } .activite .michelin div.priceInfo div.info div.note a p.avis, .hoteldetail .michelin div.section div.description div.utilisateur div.note p.avis, .hoteldetail .michelin div.section div.description div.utilisateur div.note p.avis a, .hoteldetail .michelin .section p.nom a { color: #75AE20; } .activite .michelin div.priceInfo div.info div.note a p.avis, .hoteldetail .michelin div.section div.description div.utilisateur div.note p.avis { border: 2px solid #BBBAB9; padding: 2px 5px; position: relative; } .activite .michelin div.priceInfo div.info div.note a p.avis span, .hoteldetail .michelin div.section div.description div.utilisateur div.note p.avis span { display: inline-block; position: absolute; } .activite .michelin div.priceInfo div.info div.note a p.avis span { background:url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/ugc_abassadeur_avis_fleche_haut.png") no-repeat; height: 7px; top: -7px; width: 49px; } .activite .michelin div.priceInfo div.info div.auteur { line-height: 18px; margin-left: 15px; margin-top: 31px; text-align: left; } .activite .michelin div.priceInfo div.info div.auteur span, .hoteldetail .michelin div.section div.description div.nom span { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fond-auteur.png") no-repeat; color: #75AE20; display: inline-block; height: 18px; padding-left: 14px; text-align: center; width: 116px; } .activite .michelin div.priceInfo div.info div.auteur, .activite .michelin div.priceInfo div.info p.auteur * { text-transform: none; } .hoteldetail .michelin div.section div.description div.nom a { color: #75AE20; display: inline-block; font-size: 10px; font-weight: 700; height: 18px; line-height: 18px; text-transform: uppercase; vertical-align: top; } .hoteldetail .michelin .section .utilisateur { margin-bottom: 10px; } .hoteldetail .michelin .link { border-top: 1px solid #aaa; margin-bottom: 10px; padding-top: 5px; } .hoteldetail .michelin div.section div.description div.nom { margin-top: 12px; } .hoteldetail .michelin div.section div.description div.utilisateur div.note { float: right; text-align: left; overflow: hidden; zoom: 1; } .hoteldetail .michelin div.section div.description div.utilisateur div.note a { text-decoration: none; float: left; } .ie7 .hoteldetail .michelin div.section div.description div.utilisateur div.note p.avis { margin-top: -10px; } .hoteldetail .michelin div.section div.description div.utilisateur div.note p.avis { background-color: #F2F2F2; float: left; margin: 0 0 0 20px; } .hoteldetail .michelin div.section div.description div.utilisateur div.note p.avis span { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/ugc_abassadeur_avis_fleche_gauche.png") no-repeat; height: 19px; left: -10px; width: 10px; } .hoteldetail .michelin div.section div.description div.utilisateur div.note img.etoiles { float: left; } .hoteldetail .michelin div.section p.ajouter, .hoteldetail .michelin div.section p.commentaires_plus { margin: 15px 0 10px 170px; text-align: right; } .hoteldetail .michelin div.section p.commentaires_plus { clear: both; } .hoteldetail .michelin div.section p.commentaires_plus a { margin-left: 16px; } .hoteldetail .michelin div.section p.ajouter, .hoteldetail .michelin div.section p.ajouter a, .hoteldetail .michelin div.section p.commentaires_plus, .hoteldetail .michelin div.section p.commentaires_plus a { color: #000; font-weight: bold; } .hoteldetail .michelin div.section p.ajouter { position: relative; } .hoteldetail .michelin div.section p.ajouter a span { font-size: 16px; font-weight: bold; left: 145px; position: absolute; top: -5px; } .hoteldetail .michelin .commentaires { margin-top: 1em; } .hoteldetail .michelin .commentaires .commentaires_libelle { font-weight: bold; } .hoteldetail .michelin .commentaires, .hoteldetail .michelin .link { margin-left : 170px; } .hoteldetail .michelin .commentaires .fleche { background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/ugc_abassadeur_avis_fleche_haut.png") no-repeat; height: 7px; position: absolute; top: -6px; width: 49px; } .hoteldetail .michelin .commentaires .premier { position: relative; } .hoteldetail .michelin .commentaires .commentaire_inner { background-color: #F2F2F2; border: 1px solid #aaa; margin-bottom: 5px; overflow: hidden; padding: 5px 5px 10px; } .hoteldetail .michelin .commentaires .commentaire_inner .avatar { float: left; width: 31px; } .hoteldetail .michelin .commentaires .commentaire_inner .pseudo_texte { margin-left: 41px; } .hoteldetail .michelin .commentaires .commentaire_inner .pseudo { clear: none; color: #75AE20; margin-bottom: 0.3em; } .hoteldetail .michelin .commentaires .commentaire_inner .pseudo a { color: #75AE20; } .hoteldetail .michelin hr.commentaires_separateur { background-color: transparent; border-color:#aaa transparent transparent; border-style: solid none none; border-width: 1px 0 0; margin-left: 170px; } div.notemichelin{ height: 25px; } div.notes_internautes{ width:100%; float:left; margin-bottom: 5px; } ul.notes_internautes li,ul.notes_internautes_detail li{ width: 10px; height: 10px; margin-top: 5px; float: left; margin-top:2px; margin-right: 2px; } li.O { background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/sprite_note.png) no-repeat 0 0; } li.D { background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/sprite_note.png) no-repeat -23px 0; } li.N { background: url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/sprite_note.png) no-repeat -11px 0; } div.fouchettes_bib{ float:left; width: 100%; } div.link_restaurant { margin-bottom: -5px; } .pageRestaurantdetails .restaurantDetail div.thumbnail{ display:block; position:relative; } div.blocDesc .thumbnail img{ width: 140px; height: 140px; float: left; } .pageRestaurantdetails .restaurantDetail div.thumbnail .ombre span{ text-transform: uppercase; font-weight:bold; color: white; font-size:10px; position: absolute; margin: 1px 0 0 3px; } .pageRestaurantdetails .restaurantDetail div.thumbnail .ombre{ BACKGROUND-COLOR: #000; filter: alpha(opacity=50); background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; left: 0; margin: 125px 0 0 0; padding: 0 0 0 0; position: absolute; bottom: 0; height:15px; width: 100px; } div.titreRestaurantMichelin{ color: #bc1200; font-size:13px; font-weight:bold; margin-top:5px; text-align:right; } div.coordonneesMichelinDetail{ width:285px; float:left; } .coordonneesMichelinDetail .fouchettes_bib{ margin-top:8px; } div.coordonneesMichelin{ float: left; width:300px; } div.noteDetail{ width:140px; float:left; } div.noteListe{ width:115px; float:left; } ul.notes_internautes_detail{ float:left; margin-bottom: 5px; margin-right: 5px; } ul.notes_internautes_detail li{ } span.note_internautes_value{ } .noteDetail .notes_internautes.link:after,.noteDetail .notes_internautes.link:before { content: " \25BA \ "; text-decoration:none; } .inspecteur_texte .link_detail_restaurant, .inspecteur_texte .link_detail_restaurant_avis{ float:right; padding: 15px 30px 15px 0; } .michelin a.text:after { content:" \25BA \ "; position:absolute; margin-left:5px; overflow:hidden; height:13px; } .msie9 .michelin a.text:after,.msie1 .michelin a.text:after{ content:""; } .link_detail_restaurant a, .link_detail_restaurant_avis a{ color: #333; } .link_detail_restaurant a:hover, .link_detail_restaurant_avis a:hover{ color:#7ABB00; } .msie7 .activite .hitInfo .link:after ,.msie9 .activite .hitInfo .link:after ,.msie9 .link_detail_restaurant_avis:after ,.msie1 .activite .hitInfo .link:after ,.msie1 .link_detail_restaurant_avis:after { content: ""; } .restaurantDetail div.selection_michelin{ width: 105px; height: 100px; background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/PictosGM.png") no-repeat right -50px; } .listeActivite div.selection_michelin{ width: 60px; height: 50px; margin-top: 5px; background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/PictosGM.png") no-repeat -20px 0px; } img.inspecteur{ width: 50px; margin-top: 5px; } div.bloc_inspecteur{ border-top: 1px solid #EAEAEA; width:100%; float:left; } div.bloc_image_inspecteur{ width:70px; height:67px; float:left; background: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/PictoMotDeLInspecteur.png") no-repeat 0px 0px; } div.inspecteur_texte{ float:left; width: 355px; } div.titre_inspecteur{ font-weight:bold; padding-bottom: 5px; padding-top: 5px; } .pageRestaurantdetails { font-size:12px; } div.descLieuMichelin{ margin-bottom:5px; } span.avis_michelin_liste{ padding-left:10px; } div.titre_restaurant_liste{ width:270px; float:left; } div.libelle_michelin_liste{ width:155px; float:right; color: #bc1200; font-weight:bold; font-size: 12px; text-align: right; } .pageRestaurantdetails .restaurantDetail .link{ border-bottom: 1px solid #EAEAEA; padding-bottom: 10px; } .michelin a.text:hover { text-decoration:none; } /* spécificités suite ie pour rendus restaurants */ .msie7 .michelin{ margin-bottom : 30px; } .msie7 .pageRestaurantdetails .restaurantDetail div.thumbnail .ombre div span{ text-transform: uppercase; font-weight:bold; color: white; font-size:11px; position: absolute; margin: 1px 0 0 3px; filter:alpha(opacity=100); } .msie7 .blocDesc .plus_photos{ text-decoration : none; } .msie7 .blocDesc .link_detail_restaurant{ width:130px; } .msie9 .pageRestaurantdetails .restaurantDetail div.thumbnail .ombre{ width: 120px; } .msie7 .inspecteur_texte .link_detail_restaurant{ margin:10px 0; padding:0px; } .msie7 .listeActivite .lesliens{ position:relative; margin-top:10px; } .msie7 .activite .link { bottom: 0px; } .msie7 .hitInfo .link{ position:relative; text-align:right; } .msie7 .michelin .link_detail_restaurant{ background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -10px; } .msie7 .michelin .link_detail_restaurant_avis{ width:100px; background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -10px; } .msie7 .michelin .link_detail_restaurant:hover{ background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -80px; } .msie7 .michelin .link_detail_restaurant_avis:hover{ width:100px; background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -80px; } .msie9 .michelin .link_detail_restaurant a,.msie1 .michelin .link_detail_restaurant a{ background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -10px; padding-right:15px; content:""; } .msie9 .michelin .link_detail_restaurant_avis a,.msie1 .michelin .link_detail_restaurant_avis a{ padding-right:15px; width:100px; background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -10px; content:""; } .msie9 .michelin .link_detail_restaurant a:hover,.msie1 .michelin .link_detail_restaurant a:hover{ padding-right:15px; background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -80px; } .msie9 .michelin .link_detail_restaurant_avis a:hover, .msie1 .michelin .link_detail_restaurant_avis a:hover{ padding-right:15px; width:100px; background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -80px; } /* Flèches sous ie9 */ .msie9 .transports a.text:after,.msie1 .transports a.text:after{ content:""; } .msie9 .transports a.text,.msie1 .transports a.text{ content:""; float: left; display:inline-block; background:url(/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -9px; width:160px; height:15px; } .msie7 .displayHitsDF.transports a.text:hover ,.msie9 .displayHitsDF.transports a.text:hover ,.msie1 .displayHitsDF.transports a.text:hover{ background-position:right -51px; } .pays .digital-box .categories li{ font-size: 11px; } .pageVoyazineDetail iframe{ width: 580px; } div.plus_produit{ float:left; } div.plus_produit .entete{ float: left; width: 100%; margin-top: 10px; } div.plus_produit .entete .lesliens{ padding: 0; width:120px; } div.plus_produit .entete .lesliens .boutonSelection{ } div.plus_produit .entete .lesliens .beforeBoutonSelection{ content:" \25BA \ "; text-decoration: none; position: absolute; left: 160px; } span.plus_produit_title{ color: #3279BE; font: 12px arial, helvetica, sans-serif; font-weight: bold; } div.texte_plus_produit{ width:280px; } div.pictoBlocHachette.tailleHachette img{ width:57px; height:95px; } #ejp_widget_div .ejpDefaultTheme{ background-color:#FFF; float: left; } #ejp_widget_div .ejpDefaultTheme label{ color:#666; } #ejp_widget_div .ejpDefaultTheme .part.logo.footer{ height:0; } #ejp_widget_div .ejpDefaultTheme .part.logo img.gb, #ejp_widget_div .ejpDefaultTheme .part.logo img.img-beta{ height:0; } #ejp_widget_div .ejpDefaultTheme .part.logo .title{ color :#E05206; display:none; } #ejp_widget_div .ejpDefaultTheme{ border :0; padding :0; margin:0; } .blocEjp{ width:260px; margin: 0 0 10px; text-align: left; } #ejp_widget_div .ejpDefaultTheme .part.logo .subpart{ display:none; } #ejp_widget_div .ejpDefaultTheme .part{ padding:0; } #ejp_widget_div .ejpDefaultTheme .part.logo .subpart .subpart-pictos img{ width:0px; } #ejp_widget_div .ejpDefaultTheme label, .blocEjp .comparer{ color:#333; font-weight: bold; font: 13px arial, helvetica, sans-serif; } #ejp_widget_div .ejpDefaultTheme .ejp-widget-button{ margin-top:10px; background-image: -webkit-linear-gradient(top, #0092cf 0%, #0073a3 100%); white-space: nowrap; font-size: 13px; font-family: "Avenir",Arial,sans-serif; border: 1px solid; font-weight: bold; word-wrap: normal; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; 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; } #ejp_widget_div .ejpDefaultTheme .ejp-widget-button:hover { color: #ffffff; border-color: #065680; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 3px #0073a3 inset; cursor:pointer; } .blocEjp{ background-color:#fff; padding : 20px 20px 0px 20px; margin-bottom: 40px; } .blocEjp h2 span{ font-size:20px; color:#000; font-weight: normal; font-family: AvenirRoman, Arial, sans ms; text-transform: uppercase; } .blocEjp h2 span span{ color: #E05206; } .blocEjp .comparer{ width:80px; float: left; } .blocEjp .moyen_transport{ width:180px; } .headerEjp .moyen_transport ul li div.libelle{ width: 70px; } #ejp_widget_div.ejpDefaultTheme form{ float: left; color:#333; font-weight: normal; font: 13px arial, helvetica, sans-serif; } .headerEjp, .headerEjp .moyen_transport,.headerEjp .moyen_transport ul,.headerEjp .moyen_transport ul li div{ float:left; color:#333; } span.mytripset{ color:#E05206; font-weight: bold; } img.picto_train,img.picto_avion{ border-right: solid 1px; } img.picto_avion{ padding-right: 3px; } .link_footnotes { color: #3E3D40; font-size: 11px; font-weight: normal; } .link_footnotes a { color: #3E3D40; margin-top: 0; padding-right: 20px; } .link_footnotes:after{ content: " \25BA \ "; text-decoration: none; position: absolute; overflow: hidden; margin-left: -10px; } .authorPart .photo { float:left; } .descriptionAuteur .lien_auteur a { color: #333; } .descriptionAuteur .lien_auteur a:hover { text-decoration:none; } .auteur{ display:inline-block; background-color: #ECEDEB; margin-bottom: 7px; width: 100%; } .auteur_social_bar { float: right; padding-right: 15px; padding-top: 10px; } .auteur_social_bar .facebook { background-image: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/smallFacebook.png"); } .auteur_social_bar .twitter { background-image: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/twitter.png"); background-size: 25px auto; } .auteur_social_bar .googlePlus { background-image: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/google+.png"); background-size: 25px auto; } .auteur_social_bar .email { background-image: url("/web/20140319134201im_/http://guide.voyages-sncf.com/resources/hexago/images/smallEmail.png"); } .lien_auteur_social_bar { height: 52px; padding-left: 15px; padding-top: 10px; width: 385px; float: left; } .lien_auteur { margin-right: 35px; padding-bottom:5px; color: #333333; } .auteur_social_bar li { float: right; padding-left: 10px; } .auteur_social_bar li a { background-repeat: no-repeat; padding-bottom: 16px; padding-left: 30px; } #twitter-widget-0 { border: 0 inset #000000; } .lien_expert a { color: #3E3D40; margin-top: 0; padding-right: 15px; text-decoration: none; } .lien_expert a:hover { text-decoration: underline; } .suivi_expert { padding-bottom:2px; } .bloc-sommaire-expert { display:inline-block; width: 100% } .bloc-sommaire-expert .sommaire { width: 49.5%; float: left; } .bloc-sommaire-expert .sommaire.trait { border-right: 1px solid #8F8F8F; } .bloc-sommaire-expert .expert { float: left; padding-left: 4%; width: 45.5%; } .bloc-sommaire-expert .expert.trait { border-left: 1px solid #8F8F8F; } .bloc-sommaire-expert .liste_expert { width: 280px; } .pintit a { border-radius: 5px; left: 510px; position: absolute; top: -65px; } .bloc-sommaire-expert .link { float: right; color: #3E3D40; padding-top: 10px; } .bloc-sommaire-expert .link:after { content: " \25BA \ "; } .bloc-sommaire-expert .link a { color: #3E3D40; } .bloc-sommaire-expert .link a:hover, .bloc-sommaire-expert .link:hover{ color: #C60172; } .bloc_partager{ color: #3E3D40; } .menu_partager { background-color: #ECEDEB; padding-top: 15px; padding-bottom: 15px; width: 100%; } .menu_partager div { display: inline; } .menu_partager .imprimer { border-left: 1px solid #8F8F8F; border-right: 1px solid #8F8F8F; cursor: pointer; padding-left: 20px; padding-right: 10px; } .menu_partager .partager { cursor: pointer; padding-left: 20px; } .menu_partager .envie { padding-left: 60px; cursor: pointer; padding-right: 10px; } .menu_partager .envie .text_envie, .menu_partager .imprimer .text_imprimer, .menu_partager .partager .text_partager { padding-left: 10px; bottom: 5px; position: relative; } .boutonssociaux .partagerEmail { float: right; cursor: pointer; } .suivi_expert_vide{ padding-right: 100px; } .descriptionAuteur .accroche, .paragraphe.markI{ text-align: justify; } .fb_edge_widget_with_comment { margin-right: 30px; } .bloc_favori { display: inline; width: 100%; padding-bottom: 10px; } .bloc_favori .image_envie { float: left; } .bloc_favori img{ height: 11px; padding-top: 3px; width: 12px; } .bloc_favori a{ color: #3E3D40; } .astuce_bloc_favori { padding-left: 10px; padding-right: 5px; padding-top: 15px; color: #3E3D40; font-size: 11px; display: none; } .astuce_bloc_favori .lien_astuce { text-decoration:underline; } /* FILE ARCHIVED ON 13:42:01 Mar 19, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:01:33 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: 72.019 exclusion.robots: 0.088 exclusion.robots.policy: 0.081 RedisCDXSource: 0.683 esindex: 0.008 LoadShardBlock: 44.174 (3) PetaboxLoader3.datanode: 69.15 (4) CDXLines.iter: 24.167 (3) load_resource: 131.641 PetaboxLoader3.resolve: 80.877 */