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 { position:relative; 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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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; } .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; 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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/headinfoHeb.png") no-repeat; color:#fff; } /* voyazine middle */ .mappy .priceInfo .itemType.voyazine { background:url("/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/headinfoVoy.png") no-repeat; color:#fff; } .mappy .priceInfo.voyazine { background:url("/web/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/bullets.png") no-repeat 0 -400px; } .magazine.mashup a.arrow { background:url("/web/20130316110415im_/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; } .legend .icons span { color: #393939; font-size: 11px; } .legend .icons span { display:inline-block; margin-bottom: 10px; width: 110px; } .legend img { margin-right: 0.2em; } .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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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 .text { color: #C60172; } /* 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/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/next-button.png") no-repeat; clear:right; margin-right:0; } /* left */ a.left { background:url("/web/20130316110415im_/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; } #simplemodal-container a.modalCloseImg { background: url(/web/20130316110415im_/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/20130316110415im_/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 { background:url("/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/star.png") no-repeat 0 2px; color: #3E3D40; cursor: pointer; float: left; font-size: 11px; padding: 0 5px 2px 15px; width: 120px; text-decoration:underline; } .topTransports .boutonSelection { float: right; } .boutonSelection:hover { text-decoration: underline; } .boutonSelection.clicked { background: none; color: #BABABA; cursor: default; padding-left:0; width: 55px; } .boutonSelection.clicked:hover { text-decoration: none; } .activite .link, .boutonssociaux { 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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.eot'); src: url('/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.eot#iefix') format('embedded-opentype'), url('/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.woff') format('woff'), url('/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.ttf') format('truetype'), url('/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-roman-webfont.svg#AvenirLTStd55Roman') format('svg'); } @font-face { font-family: AvenirBook; src: url('/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.eot'); src: url('/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.eot#iefix') format('embedded-opentype'), url('/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.woff') format('woff'), url('/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/css/avenir/avenirltstd-book-webfont.ttf') format('truetype'), url('/web/20130316110415im_/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 { 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:30px; } /* 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/20130316110415im_/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/20130316110415im_/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, .msie7 .listeVoyazine .link a, .msie7 .hebergements .link a, .msie7 .hebergement .link a { background:url(/web/20130316110415im_/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 { background-position:right -80px; text-decoration:none; } .msie7 .hebergements .link a:hover, .msie7 .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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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 { padding-bottom: 5px; position: relative; } .legend .icons { text-align: left; } .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/20130316110415im_/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/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/background-popupVoyazine-top.png") no-repeat right top; } .mappy .priceInfo .itemType.geos { background: url("/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/background-popupActivite-top.png") no-repeat right top; } .mappy .priceInfo .itemType.gares, .mappy .priceInfo .itemType.aeroports { background: url("/web/20130316110415im_/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 { background: url("/web/20130316110415im_/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.packski, .mappy .priceInfo .itemType.locationparticulier, .mappy .priceInfo .itemType.campings, .mappy .priceInfo .itemType.epackvolhotel, .mappy .priceInfo .itemType.sejour { background: url("/web/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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; } /* top destinations #row_2_cell_0 .wuid.sous-box { margin-bottom: 30px; padding: 20px; width: 580px; }*/ .nosDestinations h3 { margin-bottom: 10px; } .nosDestinations table.hit { width: 100%; } .nosDestinations .hitInfo { background: url("/web/20130316110415im_/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: 95px; } .digital-box .categories li a { display: block; } .ie7 .oudormir .voirPlus a { background: url("/web/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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 { color:#0784B9; } .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 { color: #0784b9; float: left; font-family: arial, sans-serif; font-size: 12px; font-weight: normal; margin-right: 10px; padding-top: 1px; text-decoration: underline; text-transform: none; } .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/20130316110415im_/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/20130316110415im_/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; } /* BLOCS Aeroports */ .transports .hit { margin-bottom:10px; overflow: hidden; } .msie7 .displayHitsDF.transports a.text { float: left; display:inline-block; background:url(/web/20130316110415im_/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:" ► "; position:absolute; margin-left:5px; overflow:hidden; height:13px; right:0; } .msie7 .transports a.text { background:url(/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/fleches-liens.png) no-repeat right -9px; } .msie7 .transports a.text:hover { background:url(/web/20130316110415im_/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; margin-bottom:10px; } .transports h3 .tr-title { display: block; margin-left:25px; } .avion, .train, .voiture { float:left; width:186px; text-align:center; } .train, .avion { margin-left:21px; } .right .avion, .right .train, .right .voiture { background:none; float:none; margin-left:0; width:263px; padding-left:0; margin-bottom:7px; text-align:left; } .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/20130316110415im_/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/20130316110415im_/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; margin-left: 28px; 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/20130316110415im_/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 .texte-choix { clear: both; font-size: 12px; 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 h3 a span.nombre_etoiles, .popup 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 { color: #C60172; font-weight:bold; } .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; } .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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/background-refineOn.png"); } .digital-box.zone-color-df-france-4 .refineMenuDF .class { background-image:url("/web/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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; } .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 { background:url("/web/20130316110415im_/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 { 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:450px; } .evenementDetail .blocDesc { clear:both; position:relative; } .evenementDetail .activiteDetail .thumbnail, .pageBonplandetails .bonplanDetail .thumbnail { float:left; padding-right:15px; width:140px; } .evenementDetail .activiteDetail .description, .pageBonplandetails .bonplanDetail .description { float:left; width:425px; } .evenementDetail .descP, .evenementDetail .descDate, .evenementDetail .descLien { color:#393939; margin-bottom:15px; } .evenementDetail .activiteDetail .link, .pageBonplandetails .bonplanDetail .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, .pageVoyazineDetail .ilike { float:right; 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/20130316110415im_/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/20130316110415im_/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/20130316110415im_/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 { border-bottom:1px solid #bcbdbc; color:#3e3d40; padding-bottom: 10px; } .pageVoyazineDetail .authorPart .photo { border:1px solid #d9d9d9; float:left; margin-right:15px; padding:2px; width:62px; } .pageVoyazineDetail .authorPart .descriptionAuteur { font-size:12px; vertical-align:top; } .pageVoyazineDetail .paragraphPart .descriptionPhoto { clear:both; color:#3e3d40; position:relative; } .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:left; } .pageVoyazineDetail .paragraphPart .photo_information { float:left; margin-right:15px; width:200px; } .pageVoyazineDetail .paragraphPart .photo_information img { height:150px; width:200px; } .pageVoyazineDetail .paragraphPart .descriptionPhoto .titre_photo { border-bottom:1px solid #bbb; font-size:10px; margin-bottom: 15px; padding-bottom:5px; } .pageVoyazineDetail .boutonssociaux { border-top:1px solid #dedede; border-bottom:1px solid #bcbcbc; height: 20px; margin-bottom:15px; padding:10px 0 10px 0; 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:#838383; text-decoration:none; } .pageVoyazineDetail .paginationVoyazine a:hover { color: #B10166; } .pageVoyazineDetail .paginationVoyazine .libelle { margin-bottom: 5px; } .pageVoyazineDetail .paginationVoyazine .articlePrecedent .libelle { font-size:12px; font-weight:bold; } .pageVoyazineDetail .paginationVoyazine .articleSuivant .libelle { font-size:12px; font-weight:bold; } .pageVoyazineDetail .paginationVoyazine .articlePrecedent { background: url("/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/fleche-pagination-gauche.png") no-repeat scroll left 4px transparent; float:left; font-size:10px; padding-left:30px; padding-right:20px; width:100px; } .pageVoyazineDetail .paginationVoyazine .pageArticle { border-left:1px solid #8f8f8f; border-right:1px solid #8f8f8f; float:left; font-size:13px; text-align:center; width:278px; } .pageVoyazineDetail .paginationVoyazine .pageArticle .pageActuelle { color:#b10166; font-size:16px; font-weight:bold; } .pageVoyazineDetail .paginationVoyazine .articleSuivant { background: url("/web/20130316110415im_/http://guide.voyages-sncf.com/resources/hexago/images/fleche-pagination-droite.png") no-repeat right 4px; float:left; font-size:10px; padding-left:20px; padding-right:30px; width:100px; } /* 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:30000; } #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; } /* FILE ARCHIVED ON 11:04:15 Mar 16, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:54:42 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: 156.353 exclusion.robots: 0.207 exclusion.robots.policy: 0.196 RedisCDXSource: 3.904 esindex: 0.01 LoadShardBlock: 129.811 (3) PetaboxLoader3.datanode: 150.323 (4) CDXLines.iter: 19.566 (3) load_resource: 102.464 PetaboxLoader3.resolve: 55.641 */