/** > /css-v1561/home/index.css **/ @import url(/css-v1561/global.css); /** * @section corePage */ #corePage { float:none; width:100%; } .masterBanner .buttonH { margin-top:7px; margin-right:0; } .masterBanner .price { color:#5f2965; font-weight:bold; } .masterBanner li div.clegend { width:690px; padding-right:30px; } .masterBanner li div.clegend .content { width:478px; } #corePage .blocHome { position:relative; width:355px; float:left; } #corePage .lastMinute { margin-right:15px; } #corePage .topHotels { position:relative; } *+ html #corePage .blocHome .hotelList { zoom:1; } .descOffer .more { margin-top:3px; padding-left:13px; background-position:left -3184px; color:#303030; } #page #corePage h2 { margin:20px 0 15px 0; padding:0; font-weight:normal; font-size:18px; color:#8aafb7; background:none; } #page #corePage h2 span { display:block; min-height:26px; padding:8px 0 6px 0; color:#998643; } #page #corePage #carouselHwrapper h2 { color:#99c1c9; border-bottom:2px #99c1c9 solid; text-align:center; background:none; } #page #corePage #carouselHwrapper h2 span { color:#649DA4; } #page #corePage .blocHome h2 { color:#998643; text-align:center; border-bottom:1px #998643 solid; background:none; } /* #page #corePage .topHotels h2 { margin-bottom:14px; } *+html #page #corePage .topHotels h2 { margin-bottom:14px; } */ .illuOffer { display:block; float:left; width:164px; height:90px; margin:0 5px 5px 0; } .descOffer { margin-bottom:10px; } ul.hotelList { clear:both; } ul.hotelList .hotelItem { padding:12px 0; border-bottom:solid 1px #998643; } ul.hotelList ul.offer-detail { position:relative; } ul.hotelList ul.offer-detail .priceItem { position:absolute; top:0; right:0; } ul.hotelList .desc { color:#303030; } ul.hotelList .desc, ul.hotelList .town { margin-right:110px; } ul.hotelList .town a { color:#666666; } ul.hotelList .desc a { color:#303030; } ul.hotelList .price { font-size:16px; font-weight:bold; color:#998643; } .priceFrom { color:#666666; font-style:italic; } .blocHome .priceFrom { float:right; /* position:absolute; right:0; top:70px;*/ } #carouselHwrapper .jcarousel-prev { left:0; } #carouselHwrapper .jcarousel-next { right:0; } .blocHome .moreBorder { width:336px; padding:4px 0 4px 19px; color:#303030; border:1px solid #998643; border-left:none; border-right:none; font-weight:bold; background-position:left -520px; } .thematicOffers .moreBorder { background-position:left -1980px; color:#303030; border:1px solid #99C1C9; border-left:none; border-right:none; } #aside #totem { margin-bottom:0; } #Mercure-people { background:#f0eee7; padding:15px 10px 3px; } #Mercure-people h2 { color:#5f255f; font-family:"HouschkaM",Arial,Helvetica,sans-serif; font-size:18px; text-align:center; font-weight:normal; } #Mercure-people img { margin:5px 0 8px; } #Mercure-people p { font-size:10px; color:#666666; } #Mercure-people dl { color:#5f255f; padding-bottom:0.5em; } #Mercure-people dl dt { font-weight:bold; } #Mercure-people dl dd { font-size:10px; } #Mercure-people a.moreBorder { border-bottom:none; background-position:left -617px; color:#303030; } /** * @section easyclearing */ .focusWrapper:after { content:"."; display:block; height:0; clear: both; visibility: hidden;} *+html .focusWrapper { zoom:1; } * html ul.hotelList .hotelItem, * html #corePage .blocHome h2 { zoom:1; } *+html .blocHome .priceFrom { top:65px; } *+html ul.hotelList { margin-top:-2px; } *+html ul.hotelList .hotelItem { zoom:1; } /**********/ /*Popin*/ /**********/ .ui-widget-overlay { background: none repeat scroll 0 0 #000000; left: 0; opacity: 0.75; position: absolute; top: 0; } .popin-alert { background: url("/imagerie/booking/popin-bg-alert.png") repeat-x scroll 0 0 #600D33; border: 1px solid #5f2965; color: #FFFFFF; font-weight: bold; line-height: 1.6; padding: 20px 20px 0; text-align: center; } .popin-alert .btn a { -moz-border-radius: 3px 3px 3px 3px; background: url("/imagerie/booking/popin-bg-alert-btn.png") repeat-x scroll 0 0 #316292; color: #FFFFFF; display: inline-block; font-size: 10px; margin: 0 10px; outline: 0 none; padding: 2px 10px; text-decoration: none; text-shadow: 1px 1px 1px #2C567D; } .popin-alert p { margin: 20px 0; } .popin-alert .ui-dialog-titlebar, .popin-alert .ui-dialog-titlebar-close { display: none; } .popin-alert .ui-dialog-titlebar { display: block; } /* FIDELITY / SUBCRIPTION ***********************/ /* home *******/ #block-content-infos-card-homebooking{ margin-top:0; } .fidelity-block, .block-content-infos-card, .block-content-infos-card p{ color:white; } #fidelity-block p, .fidelity-block p{ margin:0; } .block-content-infos-card p{ padding:6px 0 10px 0; font-size:11px; } .block-content-infos-card a{ font-size:11px; } #fidelity-block .title a.tooltip{ float:none; right:auto; left:auto; top:auto; background:url("/imagerie/booking/common/icon_help.png") no-repeat 0 0; padding:0 13px 2px 0; margin-left:5px; text-decoration:none; } #fidelity-block a.tooltip{ display:inline; position:relative; right:auto; margin:0; } .block-content-infos-card{ margin-bottom:10px; } .block-content-infos-card-lvl2{ padding:8px 10px 15px 10px; background:url("/imagerie/booking/booking-engine/bg-services.png") no-repeat scroll left top transparent; } .block-content-infos-card .title{ padding-bottom:10px; font-weight:bold; font-size:11px; white-space:nowrap; } #more-infos-card{ height:30px; padding-bottom:6px; } #more-infos-card a{ color: white; display:block; font-size:11px; text-decoration:none; } #more-infos-card a:hover{ text-decoration: underline; } .block-content-infos-card{ margin-top:10px; font-size:12px; background:url("/imagerie/booking/booking-engine/bg-services.png") no-repeat scroll right bottom transparent; } #bookingEngine .block-content-infos-card ul#cards li{ padding:3px 5px 3px 25px; font-size:11px; width:auto; float:none; background:url("/imagerie/booking/common/tick1.png") no-repeat 5px 3px; text-transform:none; } #bookingEngine .block-content-infos-card p{ font-size:11px; } #bookingEngine .block-content-infos-card a{ font-size:10px; text-decoration:underline; } #bookingEngine .deploy, #bookingEngine .undeploy{ padding-left:10px; margin:1px 0 5px 0; } #bookingEngine .deploy .lnk-moreinfos { padding-left:19px; background: url("/imagerie/booking/booking-engine/picto-deploy.png") no-repeat scroll 0 1px transparent; } #bookingEngine .undeploy .lnk-moreinfos { padding-left:19px; background: url("/imagerie/booking/booking-engine/picto-deploy.png") no-repeat scroll 0 -65px transparent; } .block-content-infos-card ul#cards li span{ display:block; } #link-tripadvisor{ width:1000px; margin:0 auto; text-align:right; } #link-tripadvisor .text{ margin-right:4px; } #link-tripadvisor .text, #link-tripadvisor .img{ display:inline-block; line-height:20px; } #link-tripadvisor .text{ top:-4px; position:relative; } #social-media { height: 40px; margin: 0 auto; width: 1000px; } #social-media .shareList {float:right; text-align:right} #social-media .shareList span{margin-left:20px;} .footerContent li.socialist { float: right ; } #tspan { width: 170px !important; } /** < /css-v1561/home/index.css **/ /** > /css-v1561/booking/common/calendar.css **/ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /*Container ----------------------------------*/ .ui-datepicker-wrapper #ui-datepicker-div { z-index: 9999; display: none; } /* Layout helpers ----------------------------------*/ .ui-datepicker-wrapper .ui-helper-hidden { display: none; } .ui-datepicker-wrapper .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-datepicker-wrapper .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-datepicker-wrapper .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-datepicker-wrapper .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-datepicker-wrapper .ui-helper-clearfix { height:1%; } .ui-datepicker-wrapper .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-datepicker-wrapper .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-datepicker-wrapper .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-datepicker-wrapper .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-datepicker-wrapper .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Component containers ----------------------------------*/ .ui-datepicker-wrapper .ui-widget { font-size: 1.1em; } .ui-datepicker-wrapper.ui-widget input, .ui-datepicker-wrapper .ui-widget select, .ui-datepicker-wrapper .ui-widget textarea, .ui-datepicker-wrapper .ui-widget button { font-size: 1em; } .ui-datepicker-wrapper .ui-widget-content { border: 1px solid #5f2965; background: #fcfdfd url(/imagerie/booking/common/calendar/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } .ui-datepicker-wrapper .ui-widget-content a { color: #222222; } .ui-datepicker-wrapper .ui-widget-header { border: 1px solid #5f2965; background: #5c9ccc url(/imagerie/booking/common/calendar/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-datepicker-wrapper .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-datepicker-wrapper .ui-state-default, .ui-datepicker-wrapper .ui-widget-content .ui-state-default { border: 1px solid #5f2965; background: #dfeffc url(/imagerie/booking/common/calendar/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #5f2965; outline: none; } .ui-datepicker-wrapper .ui-state-default a, .ui-datepicker-wrapper .ui-state-default a:link, .ui-datepicker-wrapper .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; } .ui-datepicker-wrapper .ui-state-hover, .ui-datepicker-wrapper .ui-widget-content .ui-state-hover, .ui-datepicker-wrapper .ui-state-focus, .ui-datepicker-wrapper .ui-widget-content .ui-state-focus { border: 1px solid #5f2965; background: #995977 url(/imagerie/booking/common/calendar/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #751E47; outline: none; } .ui-datepicker-wrapper .ui-state-hover a, .ui-datepicker-wrapper .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; } .ui-datepicker-wrapper .ui-state-active, .ui-datepicker-wrapper .ui-widget-content .ui-state-active { border: 1px solid #751E47; background: #f5f8f9 url(/imagerie/booking/common/calendar/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #751E47; outline: none; } .ui-datepicker-wrapper .ui-state-active a, .ui-datepicker-wrapper .ui-state-active a:link, .ui-datepicker-wrapper .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-datepicker-wrapper .ui-state-highlight, .ui-datepicker-wrapper .ui-widget-content .ui-state-highlight {border: 1px solid #5f2965; background: #5f2965 none; color: #fff; } .ui-datepicker-wrapper .ui-state-highlight a, .ui-datepicker-wrapper .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-datepicker-wrapper .ui-state-error, .ui-datepicker-wrapper .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/imagerie/booking/common/calendar/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-datepicker-wrapper .ui-state-error a, .ui-datepicker-wrapper .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-datepicker-wrapper .ui-state-error-text, .ui-datepicker-wrapper .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-datepicker-wrapper .ui-state-disabled, .ui-datepicker-wrapper .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-datepicker-wrapper .ui-priority-primary, .ui-datepicker-wrapper .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-datepicker-wrapper .ui-priority-secondary, .ui-datepicker-wrapper .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-datepicker-wrapper .ui-icon { width: 16px; height: 16px; background-image: url(/imagerie/booking/common/calendar/ui-icons_469bdd_256x240.png); } .ui-datepicker-wrapper .ui-widget-content .ui-icon {background-image: url(/imagerie/booking/common/calendar/ui-icons_469bdd_256x240.png); } .ui-datepicker-wrapper .ui-widget-header .ui-icon {background-image: url(/imagerie/booking/common/calendar/ui-icons_d8e7f3_256x240.png); } .ui-datepicker-wrapper .ui-state-default .ui-icon { background-image: url(/imagerie/booking/common/calendar/ui-icons_6da8d5_256x240.png); } .ui-datepicker-wrapper .ui-state-hover .ui-icon, .ui-datepicker-wrapper .ui-state-focus .ui-icon {background-image: url(/imagerie/booking/common/calendar/ui-icons_751e47_256x240.png); } .ui-datepicker-wrapper .ui-state-active .ui-icon {background-image: url(/imagerie/booking/common/calendar/ui-icons_f9bd01_256x240.png); } .ui-datepicker-wrapper .ui-state-highlight .ui-icon {background-image: url(/imagerie/booking/common/calendar/ui-icons_2e83ff_256x240.png); } .ui-datepicker-wrapper .ui-state-error .ui-icon, .ui-datepicker-wrapper .ui-state-error-text .ui-icon {background-image: url(/imagerie/booking/common/calendar/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-datepicker-wrapper .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-datepicker-wrapper .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-datepicker-wrapper .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-datepicker-wrapper .ui-icon-circle-triangle-n { background-position: -96px -192px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-datepicker-wrapper .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } .ui-datepicker-wrapper .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } .ui-datepicker-wrapper .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .ui-datepicker-wrapper .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .ui-datepicker-wrapper .ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } .ui-datepicker-wrapper .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .ui-datepicker-wrapper .ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .ui-datepicker-wrapper .ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .ui-datepicker-wrapper .ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Overlays */ .ui-datepicker-wrapper .ui-widget-overlay { background: #aaaaaa url(/imagerie/booking/common/calendar/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-datepicker-wrapper .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/imagerie/booking/common/calendar/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .8em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /** < /css-v1561/booking/common/calendar.css **/ /** > /css-v1561/bandeau.css **/ /** * @section Header */ #header { position:relative; z-index:3; } #header a { text-decoration:none; } #header a:hover { text-decoration:underline; } /* logoIdWrapper */ #logoIdWrapper { float:left; position:relative; z-index:5; padding-top:10px; margin-bottom:16px; /*height:54px;*/ height: 45px; background: url(/imagerie/bgs-sprites-24.png) no-repeat; width: 245px; display:none; } #logoIdWrapper img { margin-left:10px; margin-bottom:7px; } #logoIdWrapper ul { border-top:1px solid #ecebeb; width:245px; position:relative; z-index:2; display: none; } #logoIdWrapper ul#bloc_ident{} #logoIdWrapper li { float:left; padding:5px 0 0 22px; background: url(/imagerie/pictos-sprites-24.png) no-repeat 10px .6em; } #logoIdWrapper li a { outline:none; } #logoIdWrapper li.open { background-position:10px -3503px; } #logoIdWrapper li.logIn { border-right:1px solid #ecebeb; padding-right:8px; } #logoIdWrapper li#logId {padding-left:9px;width:240px;background:none;} #page .logIn .logInPopin, #page #signIn .signInPopin { display:none; position:absolute; overflow:hidden; top:20px; left:0; width:245px; z-index:2; } #page #signIn .signInPopin { display:none; position:absolute; overflow:hidden; top:20px; left:0; width:245px; z-index:2; } *+html #logoIdWrapper li.logIn .logInPopin, *+html #logoIdWrapper li#signIn .signInPopin { top:18px; } #header-home #logoIdWrapper li.open .logInPopin, #logoIdWrapper li.open .signInPopin { display:block; } .logInPopin .content, .signInPopin .content { padding:8px; border:#e9e8e8 solid; border-width:0 1px 1px; background:#efeeee; } .signInPopin h2 { font-size:11px; margin-bottom:1em; } .signInPopin p { font-size:10px; font-weight:bold; margin-bottom:0.8em; } .signInPopin ul { border:none; width:auto; padding-left:15px; font-size:10px; } .signInPopin ul li { float:none; padding:0; background:none; list-style:disc; margin-bottom:0.6em; } .signInPopin a.more { float:right; font-weight:bold; color:#303030; background-position:left -619px; outline:none; } #logoIdWrapper li a { color:#303030; } #logoIdWrapper li a:hover { } /* logo */ #logo { float:right; display:inline; } /* faqContactLanguages */ /* Header for page other than homepage */ .innerheader #faqContactLanguages{ float: left; padding-bottom: 10x; } .innerheader #faqContactLanguages #languages{ float: right; margin-left: 370px; } #faqContactLanguages { float:right; overflow:hidden; display:inline; padding:6px 0 14px 0; width: 730px; } /* #tplHome #faqContactLanguages{ float:left; } */ #faqContactLanguages{ float:left; } /* #faqContactLanguages ul { text-align:right; } */ #faqContactLanguages li { display:inline-block; padding-right:4px; background-color:#f3f1ec; } * html #faqContactLanguages li { display:inline; } *+ html #faqContactLanguages li { display:inline; } #faqContactLanguages li#btnHome { background-color:#f3f1ec; float:left; margin-right:5px; } #faqContactLanguages li span { display:inline-block; padding:9px 11px 0; height:27px; background-color:#f3f1ec; } #faqContactLanguages li#btnHome span { background-color:#f3f1ec; } #faqContactLanguages li#btnHome a { padding-left:17px; background:url(/imagerie/fh/pictos-sprites.png) no-repeat 0 -47px; color:#63002e; } #faqContactLanguages li a { display:inline-block; color:#5f255f; line-height:18px; } #faqContactLanguages li#callcenter { background-color:#f3f1ec; float: left; } #faqContactLanguages li#callcenter div.callcenter-global { height:27px; padding:7px 6px 2px 10px; background-color:#f3f1ec; color:#5f255f; } #faqContactLanguages li#callcenter p { display:inline; } #faqContactLanguages li#callcenter p span { height:auto; display:inline; background:none; padding:0; } #faqContactLanguages li#callcenter p.number { font:20px/1 Arial, Helvetica, sans-serif; color:#5f255f; padding-left:21px; background:#f3f1ec url(/imagerie/pictos-sprites-24.png) no-repeat 0 -3450px; } *+ html .de #faqContactLanguages li#callcenter p.number { float:left; padding-right:5px; } #faqContactLanguages li#callcenter p.price { display:inline; text-align:left; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#5f255f; padding-right:8px; max-width:160px; } .de #faqContactLanguages li#callcenter p.price { display:inline-block; } *+ html .de #faqContactLanguages li#callcenter p.price { float:left; } #faqContactLanguages li#btnHome a { padding-left:17px; background-color:#f3f1ec; color:#5f255f; } #faqContactLanguages #languages { display:block; padding:10px 0 0 0; background:none; float: right; margin: 0; } #tplHome #faqContactLanguages #languages { /*margin: 0 0 0 224px;*/ float: right; } #faqContactLanguages form { float:right; overflow:hidden; padding:0; /*width:155px;*/ } *+ html #faqContactLanguages form { width:160px; } #languages label { float:left; display:block; overflow:hidden; width:21px; height:16px; background-image: url(/imagerie/drapeaux.gif); background-repeat: no-repeat; background-color: transparent; padding-right: 3px; } #languages label span { position:absolute; top:-10000px; } #faqContactLanguages select { float:right; width:auto; padding:0; background:#f5f5f5; border:none; height:18px; } #languages option { padding:3px 0 3px 25px; border-bottom:1px solid #B4C7D8; background:transparent url(/imagerie/drapeaux.gif) no-repeat 0 0; } /* #languages .france, #languages.france label {background-position:3px -16px;} #languages .united-kingdom, #languages.united-kingdom label {background-position:3px -39px;} #languages .ie, #languages.ie label {background-position:3px -63px;} #languages .deutschland, #languages.deutschland label {background-position:3px -87px;} #languages .espana, #languages.espana label {background-position:3px -111px;} #languages .italia, #languages.italia label {background-position:3px -159px;} #languages .portugal,#languages.portugal label {background-position:3px -135px;} #languages .belgium, #languages.belgium label {background-position:3px -183px;} #languages .nederland,#languages.nederland label {background-position:3px -207px;} #languages .oesterreich, #languages.oesterreich label {background-position:3px -255px;} #languages .polska, #languages.polska label {background-position:3px -279px;} #languages .switzerland, #languages.switzerland label {background-position:3px -231px;} #languages .brasil, #languages.brasil label {background-position:3px -351px;} #languages .australia, #languages.australia label {background-position:3px -375px;} #languages .new-zealand-fiji, #languages.new-zealand-fiji label {background-position:3px -519px;} */ #languages .france, #languages.france label {background-position:3px -15px;} #languages .united-kingdom, #languages.united-kingdom label {background-position:3px -39px;} #languages .ie, #languages.ie label {background-position:3px -63px;} #languages .deutschland, #languages.deutschland label {background-position:3px -87px;} #languages .espana, #languages.espana label {background-position:3px -111px;} #languages .italia, #languages.italia label {background-position:3px -159px;} #languages .portugal,#languages.portugal label {background-position:3px -135px;} #languages .belgium, #languages.belgium label {background-position:3px -183px;} #languages .china, #languages.china label {background-position:3px -400px;} #languages .nederland,#languages.nederland label {background-position:3px -207px;} #languages .oesterreich, #languages.oesterreich label {background-position:3px -255px;} #languages .polska, #languages.polska label {background-position:3px -279px;} #languages .switzerland, #languages.switzerland label {background-position:3px -231px;} #languages .brasil, #languages.brasil label {background-position:3px -351px;} #languages .russia, #languages.russia label {background-position:3px -761px;} #languages .australia, #languages.australia label {background-position:3px -375px;} #languages .new-zealand-fiji, #languages.new-zealand-fiji label {background-position:3px -519px;} form select#changeLang.hidden optgroup option.polska, #languages.polska label { background-position: 3px -280px; } #languages.asia label {display: none;} #languages.africa label {display: none;} #languages.home label {display: none;} /* nav mobile Tablette : 1023px à 600px*/ #nav-mobile{ display: none; } /* nav */ /* #nav { clear:left; position:relative; width:730px; height:45px; float:left; z-index:4; } */ #nav li { float:left; width:146px; margin-bottom: 6px; } #nav li#btnSpecial { width:146px; } #nav li a { float:left; padding:5px 10px 0; width:124px; height:34px; background:#ececec; font-weight:bold; color:#63002e; font-size:12px; line-height:1.2em; z-index:4; } #nav li.hover a { position:relative; margin-bottom:-5px; padding-bottom:5px; z-index:4; } #nav li#btnBusiness a { background:url(/imagerie/bgs-sprites-menu-24.png) no-repeat 0 100px; background-color:#5f2965; color:#fff; } #nav li#btnEvent a{ color:#fff; background-color:#a28750; } #nav li#btnLeisure a{ color:#fff; background-color:#99c1c9; } #nav li#btnTheme a { background-color:#9d809e; color:#fff; } #nav li#btnSpecial a { width:126px; height:34px; background:#e1ddd0; color:#5f2965; } #nav li#btnSpecial a:hover ,#nav li#btnSpecial.hover a{ padding-left:9px; } #page #nav li.on a, #nav li a:hover, #nav li#btnLeisure.hover a, #nav li#btnTheme.hover a { color:#0c6ebc; background:#fff; text-decoration:none; padding-right:8px; padding-top:4px; } #nav li#btnEvent a:hover, #nav li#btnEvent.on a, #nav li#btnEvent.hover a{ background:#fff; color:#a28750;border:1px #a28750 solid;border-bottom:none; padding-right:8px; padding-top:4px; text-decoration:none; } body.fr #nav li#btnEvent a:hover, body.fr #nav li#btnEvent.on a, body.fr #nav li#btnEvent.hover a{ background:#fff url(/imagerie/bgs-sprites-menu-24.png) no-repeat -2px -105px; } #nav li#btnSpecial .subNav a { width:auto; } #nav li#btnBusiness a:hover, #nav li#btnBusiness.on a, #nav li#btnBusiness.hover a { background:none; color:#5f2965; border:1px #5f2965 solid; text-decoration:none; border-bottom:none; padding-right:8px; padding-top:4px; } #nav li#btnLeisure a:hover, #nav li#btnLeisure.on a, #nav li#btnLeisure.hover a { background:#fff url(/imagerie/bgs-sprites-menu-24.png) no-repeat -151px -208px; color:#99c1c9; border:1px #99c1c9 solid; text-decoration:none; border-bottom:none; padding-right:8px; padding-top:4px; } #nav li#btnTheme a:hover, #nav li#btnTheme.on a, #nav li#btnTheme.hover a { color:#9d809e; background:#fff; border:1px solid #e1ddd0; text-decoration:none; border-bottom:none; padding-right:8px; padding-top:4px; } #nav li#btnSpecial a:hover, #nav li#btnSpecial.on a, #nav li#btnSpecial.hover a { border:1px solid #5f2965;border-bottom:none; text-decoration:none; background:#fff url(/imagerie/bgs-sprites-menu-24.png) no-repeat -155px -108px; padding-right:8px; padding-top:4px; } /** * header-home */ #header-home #nav li#btnEvent, #header #nav li#btnEvent { position:relative; } #header-home #nav li#btnTheme, #header #nav li#btnTheme { position:relative; } #header-home #nav li#btnTheme .subNav { left: auto; right: -104px; } /* btnLeisure */ #header-home #nav li#btnLeisure, #header #nav li#btnLeisure { position:relative; } /*#header-home #nav li#btnLeisure a:hover, #header-home #nav li#btnLeisure.hover a { background:#fff url(/imagerie/bgs-sprites-menu-24.png) no-repeat 100% -208px; }*/ /* btnTheme */ #header-home #nav li#btnTheme a:hover, #header-home #nav li#btnTheme.hover a { background:#fff url(/imagerie/bgs-sprites-menu-24.png) no-repeat 100% -156px; } #header-home #nav li#btnTheme.hover .subNav li a{ display:block; padding:0; width:auto; height:auto; } #header-home #nav li#btnTheme.hover .subNav li a.moreBorder{ padding:2px 0 2px 19px; } /* btnSpecial */ #header-home #nav li#btnSpecial, #header #nav li#btnSpecial { position:relative; } /*#header-home #nav li#btnSpecial a:hover, #header-home #nav li#btnSpecial.on a, #header-home #nav li#btnSpecial.hover a { background:#fff url(/imagerie/bgs-sprites-menu-24.png) no-repeat 100% -104px; }*/ #header-home #nav #btnSpecial .subNav .listT1 li a, #header-home #nav #btnSpecial .subNav .listT2 li a {background:none;} /* subNav */ .subNav { position:absolute; top:-1000px; left:-3px; margin-right:-40px; padding:9px 0; width:728px; background:#fff; border:1px solid #ececec; z-index:3; } #nav li#btnEvent .subNav {width:185px;} #nav li#btnLeisure .subNav, #nav li#btnSpecial .subNav {width:185px;} #nav li#btnTheme .subNav {border-color:#e1ddd0;} #nav li#btnSpecial .subNav {border-color:#5f2965;} #nav li.hover .subNav, #nav li.open .subNav { top:43px; } /* #nav li#btnTheme.hover .subNav, #nav li#btnTheme.open .subNav { top:163px; }*/ /* list ************************************************ */ #nav .subNav .listT1, #nav .subNav .listT2 { float:left; margin:0 0 0 9px; padding:0; width:170px; border-top:1px dotted #c4c4c4; } #nav .subNav .listT2 {margin-left:10px;} #nav .subNav .listT1 li, #nav .subNav .listT2 li { float:none; margin:0; padding:6px 0 5px 13px; width:auto; border-bottom:1px dotted #c4c4c4; background:transparent url(/imagerie/pictos-sprites-24.png) no-repeat 0 -613px; } *+ html #nav .subNav .listT1 li, *+ html #nav .subNav .listT2 li { padding-top:3px; padding-bottom:8px; } #nav #btnEvent .subNav { border:1px solid #a28750; } *+ html #nav #btnLeisure .subNav .listT1 li, *+ html #nav #btnLeisure .subNav .listT2 li { white-space:nowrap; } #nav #btnLeisure .subNav { border:1px solid #99c1c9; } #nav .subNav .listT1 li { padding-left:20px; color:#303030; } #nav .subNav .listT2 li {background-position:0 8px;} #nav .subNav .listT1 li a, #nav .subNav .listT2 li a { float:none; padding:0; height:auto; font-size:11px; border:none; text-decoration:none; background:none; } *+html #nav .subNav .listT1 li a, *+html #nav .subNav .listT2 li a {zoom:1;} #nav li#btnBusiness .subNav a, #nav li#btnEvent .subNav a, #nav li#btnLeisure .subNav a, #nav li#btnTheme .subNav a, #nav li#btnSpecial .subNav a { color:#666; background:none; text-decoration:none; } #nav li#btnBusiness .subNav a:hover, #nav li#btnEvent .subNav a:hover, #nav li#btnLeisure .subNav a:hover, #nav li#btnTheme .subNav a:hover, #nav li#btnSpecial .subNav a:hover {text-decoration:underline;} *+html #nav li#btnSpecial .subNav a {height:auto;} #nav li#btnBusiness .subNav .listT1 a, #nav li#btnEvent .subNav .listT1 a, #nav li#btnLeisure .subNav .listT1 a, #nav li#btnTheme .subNav .listT1 a, #nav li#btnSpecial .subNav .listT1 a {color:#303030;border:none;} /* btnBusiness */ #nav #btnBusiness .subNav .listT1 li {background-position:0 -613px;} #nav #btnBusiness .subNav .listT2 li {background-position:0 8px;} /* btnEvent */ #nav #btnEvent .subNav .listT1 li {background-position:0 -519px;} #nav #btnEvent .subNav .listT2 li {background-position:0 8px;} /* btnLeisure */ #nav #btnLeisure .subNav .listT1 li {background-position:0 -1977px;} #nav #btnLeisure .subNav .listT2 li {background-position:0 8px;} /* btnTheme */ #nav #btnTheme .subNav .listT1 li {background-position:0 -613px;} #nav #btnTheme .subNav .listT2 li {background-position:0 8px;} /* btnSpecial */ #nav #btnSpecial .subNav .listT1 li { background-position:0 -485px;text-indent: -9px;} #nav #btnSpecial .subNav .listT2 li {background-position:0 -2487px;} /* Gallery ******************************************** */ #nav li#btnTheme .subNav {padding:9px 0 0 0;} #nav li#btnTheme .subNav p { margin:0; padding:0 24px; font-weight:bold; color:#303030; } #nav #gallery { background-color:#ececec; overflow:hidden; } #nav #gallery .pictGallery { width:346px; height:114px; } #nav .pictGallery img { width:346px; height:90px; } #nav #gallery .pictGallery { float:left; background: url(/imagerie/ajax-loader.gif) no-repeat center center; } #nav #gallery .carouselV { position:relative; width:151px; margin:0 5px 5px; } * html #nav #gallery .carouselV { margin-top:2px; } #nav #gallery .carouselV li { position:relative; width:105px; height:79px; margin-bottom:6px; } * html #nav #gallery .carouselV li { margin-bottom:3px; } #nav #gallery .carouselV li span { display:block; position:absolute; top:0; left:0; border:3px solid #e7b000; } #nav #gallery .carouselV li img { cursor:pointer; } #nav .jcarousel-container-vertical, #nav .jcarousel-clip-vertical { position:relative; height:250px; } #nav .jcarousel-container-vertical { float:right; margin:0 4px 0 0; padding-top:28px; height:222px/* 250 */; width:155px; } #nav .jcarousel-clip-vertical { overflow:hidden; top:0; left:0; z-index:1; } #nav .jcarousel-prev-vertical, #nav .jcarousel-next-vertical { position:absolute; top:0; left:17px; width:72px; height:18px; z-index:2; background:#ececec url(/imagerie/pictos-sprites-24.png) no-repeat 0 -2200px; cursor:pointer; } #nav .jcarousel-next-vertical { top:288px; background-position:0 -2228px; } #nav .gallery { padding:5px 24px 0 24px; } #nav .carouselH { height:134px; } #nav .carouselH li { position:relative; width:164px; height:134px; margin-right:8px; } #nav .carouselH li div.content { height:80px; } #nav .carouselH li h3 { padding-bottom:6px; font:16px/1 Arial, Helvetica, sans-serif; color:#303030; } *+ html #nav .carouselH li h3 { padding-bottom:4px; } #nav .carouselH li h3.dbline span { display:block; padding-top:12px; } #nav .carouselH li div.content p { margin-bottom:0.2em; line-height:1.3; font-size:10px; } #nav .jcarousel-clip { width:686px; height:134px; } #nav .jcarousel-prev, #nav .jcarousel-next { width:18px; height:72px; top:8px; background: url(/imagerie/pictos-sprites-24.png) no-repeat; cursor:pointer; } #nav .jcarousel-prev { left:-24px; background-position:left -2599px; } #nav .jcarousel-next { right:-24px; background-position:left -2527px; } #nav li#btnTheme a.moreBorder, #header-home #nav li#btnTheme a.moreBorder { display:block; float:none; height:auto; min-height:14px; width:auto; padding:2px 0 2px 19px; margin:92px 0 0 0px; border:none; border-top:1px dotted #cbcbcb; border-bottom:1px dotted #cbcbcb; background:transparent url(/imagerie/pictos-sprites-24.png) no-repeat left -2432px; font-size:11px; color:#303030; text-decoration:none; } #nav li#btnTheme a.moreBorder:hover, #header-home #nav li#btnTheme a.moreBorder:hover {text-decoration:underline;} #nav li#btnTheme .subNav .blocShadow { position:absolute; left:0; bottom:-39px; width:730px; height:39px; background: url(/imagerie/home/shadow-carousel.png) repeat-x; } /* easy clearing */ .subNav:after {content:"."; display:block; height:0; clear: both; visibility: hidden;} .logInPopin .content:after {content:"."; display:block; height:0; clear: both; visibility: hidden;} .signInPopin .content:after {content:"."; display:block; height:0; clear: both; visibility: hidden;} *+html .subNav { zoom:1; } *+html .logInPopin .content { zoom:1; } *+html .signInPopin .content { zoom:1; } /** * others languages */ .lang-selected{background:url(/imagerie/languages/planche-langues.png) no-repeat 0px 0px; width:137px; height:18px; padding:3px 20px 0px 10px; cursor:pointer; font-size:10px;} .lang-selected span{display:block;overflow:hidden;padding-left:23px;white-space:nowrap;width:110px; background-image:url(/imagerie/home/flags.gif); background-repeat:no-repeat;} .lang-selection-container{position:absolute; left:6px; top:20px; height:195px; width:153px; overflow:hidden;} .lang-selection-positionner{position:absolute; top:1px; left:1px; width:151px; height:192px; overflow:hidden;} .lang-selection{position:absolute; left:0px; top:-194px; padding:1px; height:192px; width:151px; overflow:hidden; background:transparent url(/imagerie/languages/planche-langues.png) no-repeat 0px -42px;} .lang-selection dl{position:absolute; top:0px; left:2px; padding-top:5px; width:135px;} .lang-selection dt{padding-bottom: 2px; margin-left:4px;} .lang-selection dt a{color:#d7effc;} .lang-selection dt.links{padding-left:7px; margin-left:0px;} .lang-selection dt.links:hover{background-color:#859aaa;} .lang-selection dt.links:hover a{color:#062b4f;} .lang-selection dt a{text-decoration:none; display:block;} .lang-selection dd{padding:1px 0px 1px 5px; margin:4px 0px;} .lang-selection dd:hover{background-color:#859aaa;} .lang-selection dd:hover a{color:#062b4f;} .lang-selection dd a{padding-left:25px; text-decoration:none; display:block; width:108px; color:#d7effc; background-image:url(/imagerie/home/flags.gif); background-repeat:no-repeat;} .lang-selection a:hover{text-decoration:none;} /* Flags */ .switzerland{background-position: 0px -135px;} .france{background-position: 0px -18px;} .united-kingdom{background-position: 0px -32px;} .deutschland{background-position: 0px -58px;} .espana{background-position: 0px -71px;} .italia{background-position: 0px -97px;} .portugal{background-position: 0px -84px;} .belgium{background-position: 0px -110px;} .ireland{background-position: 0px -44px;} .polska{background-position: 0px -161px;} .oesterreich{background-position: 0px -149px;} .brasil{background-position: 0px -200px;} .usa{background-position: 0px -175px;} .china{background-position: 0px -226px;} .japan{background-position: 0px -240px;} .nederland{background-position: 0px -123px;} .australia{background-position: 0px -214px;} .canada{background-position: 0px -188px;} .sweden{background-position: 0px -330px;} .finland{background-position: 0px -343px;} .denmark{background-position: 0px -305px;} .norway{background-position: 0px -318px;} .singapour{background-position: 0px -266px;} .malaysia{background-position: 0px -253px;} .india{background-position: 0px -407px;} .indonesia{background-position: 0px -278px;} .new-zealand{background-position: 0px -292px;} .fiji{background-position: 0px -356px;} .vietnam{background-position: 0px -368px;} .south-korea{background-position: 0px -381px;} .thailand{background-position: 0px -394px;} .singapore-malaysia-indonesia, .sweden-denmark-norway-finland, .new-zealand-fiji, .sudamerica, .asia, .africa, .home{background-position:-50px 0px !important;} .lang-selected span.singapore-malaysia-indonesia, .lang-selected span.sweden-denmark-norway-finland, .lang-selected span.new-zealand-fiji, .lang-selected span.home{padding-left:2px; width:131px;} .russia{background-position: 0px -421px;} .ukraine{background-position: 0px -435px;} /* Fin Flags */ .lang-selection .scrollbar{position:absolute; top:3px; right:1px; width:11px; height:192px;} .lang-selection .scrollbar .top-arrow{width:9px; height:7px; background:url(/imagerie/languages/planche-langues.png) no-repeat -153px -67px; display:block; line-height:1px; font-size:1px;} .lang-selection .scrollbar .bottom-arrow{width:9px; height:7px; background:url(/imagerie/languages/planche-langues.png) no-repeat -153px -60px; display:block; line-height:1px; font-size:1px;} .lang-selection .scrollbar .main-scroll{background-color:#859aaa; display:block; width:9px; height:173px; position:relative;} .lang-selection .scrollbar .main-scroll .button{cursor:pointer; position:absolute; left:1px; background:url(/imagerie/languages/planche-langues.png) no-repeat -153px -42px; width:7px; height:18px; display:block;} #header-home #nav li#btnTheme li.jcarousel-item a{ padding:0; float:none; display:inline; height:90px; width:164px; margin:0px; } #header-home #nav li#btnTheme li.jcarousel-item a.moreBorder{padding-left:19px; height:36px; width:147px; margin-top:2px;} a.mobile-only.menuResp{ visibility: hidden; } .mobile-only{ display: none; } .no-mobile{ display: block } @media screen and (min-width: 320px) and (max-width: 1024px) { #page{ padding-top: 60px; } .no-mobile{ display: none !important; } .mobile-only{ display: block !important; } a.mobile-only.menuResp{ visibility: visible; display: block !important; } a.mobile-only.top-bar{ visibility: visible; display: block !important; } #header .mobile-only{ display: block !important; } #page{ height: 100%; } #nav{ overflow: hidden; top:0; } /* #nav li { margin-bottom: 0; } */ #nav li.search-mobile{ background-color: #5f2965; } #nav li.search-mobile a, #nav li.search-mobile a:hover { color: #fff; background-color: #5f2965; padding: 5px 0 5px 5px; } .leclub a img{ width: 50%; } .leclub a span{ width: 70%; } #nav li.on a, #nav li a:hover, #nav li#btnLeisure.hover a, #nav li#btnTheme.hover a { color:#63002e; background:#fff; text-decoration:none; padding-right:8px; padding-top:4px; } #nav li#btnBusiness a:hover, #nav li#btnBusiness.on a, #nav li#btnBusiness.hover a { background:none; color:#fff; border: none; text-decoration:none; padding:10px 0 10px 10px; width: 100%; background-color: #5f2965; } #nav li#btnLeisure a:hover, #nav li#btnLeisure.on a, #nav li#btnLeisure.hover a { background:none; color:#fff; border:none; text-decoration:none; padding:10px 0 10px 10px; background-color: #99c1c9; } #nav li#btnLeisure .subNav a:hover, #nav li#btnLeisure.on .subNav a, #nav li#btnLeisure.hover .subNav a{ background:none; } #header-home #nav li#btnTheme > a:hover, #header-home #nav li#btnTheme.hover > a, #header #nav li#btnTheme > a:hover, #header #nav li#btnTheme.hover > a, #header-cr #nav li#btnTheme > a:hover, #header-cr #nav li#btnTheme.hover > a { background:#9d809e; } #nav li#btnTheme a:hover, #nav li#btnTheme.on a, #nav li#btnTheme.hover a { color:#fff; background:none; border:none; text-decoration:none; padding:10px 0 10px 10px; background-color: #9d809e; } #nav li#btnSpecial a:hover, #nav li#btnSpecial.on a, #nav li#btnSpecial.hover a { color:#5f2965; background:none; border:none; text-decoration:none; padding:10px 0 10px 10px; background-color: #e1ddd0; } #nav li#btnEvent a:hover, #nav li#btnEvent.on a, #nav li#btnZvent.hover a { color:#fff; background:none; border:none; text-decoration:none; padding:10px 0 10px 10px; background-color: #a28750; } #nav li#btnSpecial,#nav li#btnSpecial a { width: 100%; } body.fr #nav li#btnEvent a:hover, body.fr #nav li#btnEvent.on a, body.fr #nav li#btnEvent.hover a{ background:none; } #nav li#btnLeisure .subNav, #nav li#btnSpecial .subNav{ width: 100%; } #nav li.hover a { position:relative; margin-bottom:0px; padding-bottom:0px; z-index:4; } #nav li a { float:left; padding:5px 10px 0; height: inherit; width:124px; background:none; font-weight:bold; color:#63002e; font-size:12px; line-height:1.2em; z-index:4; } .subNav{ position: relative; float: left; left: 0; top:0; } #header-home, #header-cr, #header{ position: fixed; width: 300px; background:#fff; height: auto; max-height: 100%; left:-300px; z-index: 2; padding-left: 0; overflow-y: scroll; top: 32px; padding-top: 10px; } #header-home #logo,#header-cr #logo, #header #logo{ /*display: block;*/ display: none; text-align: center; position: relative; float: inherit; } #header-home #faqContactLanguages,#header-cr #faqContactLanguages, #header #faqContactLanguages{ display: inline; width: 100%; text-align:center; padding:0; } #header-home #faqContactLanguages ul,#header-cr #faqContactLanguages ul, #header #faqContactLanguages ul{ display: inline-table; } #header #faqContactLanguages ul li { display: none; } #header #faqContactLanguages ul li#languages { display: block; } .go_home{ padding: 0 !important; } .go_home span{ color:#000; } #nav { float:left; position: relative; width: 100%; height: 100%; min-height: 610px; } #nav ul { padding: 20px; } #nav ul li{ clear: both; width: 100%; padding: 5px; margin-bottom: 10px; } #nav li.contact img{ width: 25px; } #nav li.contact span { color: #5f2965; } #nav ul li a, #nav ul li a:hover{ width: 100%; box-sizing:border-box; padding: 10px 0 10px 10px; } #nav li#btnSpecial a{ height: inherit; } #tplLastMinuteHotelDeal #nav li#btnSpecial > a, #tplEarlyBookingHotel #nav li#btnSpecial > a, #tplEarlyBookingHotel #nav li#btnSpecial.hover > a, #tplHotelSpecialOffers #nav li#btnSpecial.hover > a, #tplHotelSpecialOffers #nav li#btnSpecial > a { background: #e1ddd0; color: #5f2965; border: none; padding: 10px 0 10px 10px; } #nav ul li a br{ display: none } #nav li div.sub-nav { position: relative; top:inherit; width: auto; display: none; } #nav li div.sub-nav li{ margin-left: 20px; } #nav-mobile{ display: table; height: 100%; width: 300px; position: absolute; z-index: 2; background: white; left: -300px; } #nav .subNav .listT1, #nav .subNav .listT2 { float:left; margin:0 0 0 9px; padding:0; width:170px; border-top:none; } #nav .subNav .listT1 li, #nav .subNav .listT2 li { float:none; margin:0; width:auto; border-bottom:none; background:none; } #nav .subNav .listT1 li a:hover, #nav .subNav .listT2 li a:hover { padding:0 !important; } #nav li#btnSpecial .subNav, #nav #btnLeisure .subNav,#nav #btnEvent .subNav, #nav li#btnTheme .subNav { border: none; display: none; right: 0 !important; } #nav li#btnEvent .subNav { width:100%; } .open-nav{ /*transform: translateX(300px);*/ margin-left: 300px !important; transition-duration: 0.3s; } .close-nav{ transition-duration: 0.3s; } .useless{ width: 100%; height: 100%; position: fixed; z-index: 9999; background-color: rgba(0,0,0,0.4); display: none; } #nav .carouselH{ position: relative; } #nav #logo{ position: relative ; } #menu-mobile{ width: 300px; display: block; } #menu-mobile ul.nav{ padding: 40px 10px; } a.changeLink{ display: table; background: #5f2965; color: #fff; font: normal 16px Verdana; padding: 5px; } a.changeLink img, a.changeLink span{ display: table-cell; vertical-align: middle; color:#fff; } .home-mobile.mobile-only{ direction: table; margin: 5px 0px; } .home-mobile.mobile-only a *{ vertical-align: middle } #btnBusiness{ background-color: #5f2965; } #btnBusiness a{ display: block; background: #5f2965; color: #fff; font: normal 16px Verdana; padding: 5px; } #btnEvent{ display: block; background: rgb(162, 135, 80); color: #fff; font: normal 16px Verdana; padding: 5px; } #btnLeisure{ background:rgb(153, 193, 201); } #btnTheme{ background-color: #9d809e; } #btnLeisure a{ display: block; background: rgb(153, 193, 201); color: #fff; font: normal 16px Verdana; padding: 5px; } #btnTheme a { display: block; background: #9d809e; color: #fff; font: normal 16px Verdana; padding: 5px; } #btnSpecial { display: block; background: #e1ddd0; color: #5f2965; font: normal 16px Verdana; padding: 5px; } .subNav{ width:100%; } #nav #btnSpecial .subNav .listT1 li{ width: 100%; } #menu-mobile ul.nav li{ margin-bottom: 5px; } #languages{ margin:10px; } #menu-mobile ul.nav li div.sub-nav { position: relative; top:inherit; width: auto; display: none; } #menu-mobile ul.nav li div.sub-nav li{ margin-left: 20px; } .mobile-only.menuResp{ position: fixed; top: 32px; padding: 20px; z-index: 9; background-color: white; transition-duration: 0s; transition-delay: 0.3s; } .mobile-only.top-bar { background-image: url('/imagerie/logo-mercure.png'); background-repeat: no-repeat; background-size: 125px 60px; background-position: center; height: 58px; position: fixed; top: 32px; z-index: 2; background-color: white; transition-duration: 0s; transition-delay: 0.3s; } a.manage.mobile-only{ text-decoration: underline; font-weight: bold; color:#5f255f; } .leclub{ padding-bottom: 20px; border-bottom: 1px solid black; margin-top: 0px; } .contact{ margin-bottom: 20px; margin-top: 0px; } .title-apps.mobile-only{ font-weight: bold; color: black; margin-top: 20px; } .nav-mobile.mobile-only.app .detectOS .iOS{ float:left; margin-bottom: 10px; } .nav-mobile.mobile-only.app .detectOS .Android{ float: left; } .leclub a, .contact a{ display: table; } .leclub a img, .leclub a span, .contact a img, .contact a span{ display: inline-table; vertical-align: middle; } .leclub a span, .contact a span{ margin-left:10px; color:#000; font: bold 13px Verdana; text-transform: uppercase; } .detectOS a{ padding: 0 !important ; width: auto !important; } ul.nav-mobile.mobile-only.app{ display: table; height: 105px; padding: 10px 0 !important; } #nav .jcarousel-clip{ width: 100%; height:inherit; } #nav .carouselH { width: 960px !important; height: auto !important; } #nav .carouselH li{ width: 164px; margin-bottom: 0; height:auto; } #nav .carouselH li a img{ display: none; } #nav .jcarousel-prev-horizontal, #nav .jcarousel-next-horizontal { display: none !important; } .blocShadow{ display: none; } #nav .detectOS .Android img { width: 135px; height: 40px; } } @media screen and (max-width: 600px) { a.mobile-only.menuResp { height: 62px; width: 62px; padding: 23px 20px 0px 20px; box-sizing: border-box; } #profile-banner .pb-fright { float: left !important; } .pb-fleft-pb-brands { display: none; } } /** < /css-v1561/bandeau.css **/ /** > /css-v1561/booking/autocompletion.css **/ /** > /css-v1561/booking/autocompletion-common.css **/ .ac_results { padding: 0px; border: 1px solid #325E95; background:none repeat scroll 0 0 white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 11px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_odd { /*background-color: #eee;*/ } .ac_over { background-color: #D7E0F2; color: #092B59; cursor:pointer; } /****************** Advanced Completion *********************/ .advanced-completion-content{ width: 100%; position: relative; } #advanced-completion{ border: 0px; overflow: hidden; z-index: 99999; position : absolute; list-style: none; width: 100%; } #advanced-completion li { margin: 0px; padding: 2px 5px 2px 40px; cursor: default; display: block; font-size: 11px; overflow: hidden; color: #4F535E; cursor: pointer; background-color: #FFFFFF !important; list-style: none; line-height: 35px; height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; font-weight: bold; } #advanced-completion li{ border-left: solid 1px #9daabd; border-right: solid 1px #9daabd; } #advanced-completion li:first-child{ border-top: solid 1px #9daabd; } #advanced-completion li:last-child{ border-bottom: solid 1px #9daabd; } #advanced-completion li.selected, #advanced-completion li:hover{ background-color: #D7E0F2 !important; font-weight: bold; } #advanced-completion li{ background-position: 10px 10px; background-repeat: no-repeat; background-color: transparent; } #advanced-completion li, #advanced-completion li.pa, #advanced-completion li.ci, #advanced-completion li.si{ background-image: url("/imagerie/commun/seearch-engine/lieu-off.png"); } #advanced-completion .selected, #advanced-completion .selected.pa, #advanced-completion .selected.ci, #advanced-completion .selected.si{ background-image: url("/imagerie/commun/seearch-engine/lieu-on.png"); } #advanced-completion li.vi{ background-image: url("/imagerie/commun/seearch-engine/city-off.png"); } #advanced-completion .selected.vi{ background-image: url("/imagerie/commun/seearch-engine/city-on.png"); } #advanced-completion li.hotel{ background-image: url("/imagerie/commun/seearch-engine/lit-off.png"); } #advanced-completion .selected.hotel{ background-image: url("/imagerie/commun/seearch-engine/lit-on.png"); } /** < /css-v1561/booking/autocompletion-common.css **/ .ac_results { border-color:#5F2965; } .ac_over { background-color:#f0eee7; color:#5F2965; } /** < /css-v1561/booking/autocompletion.css **/ /** > /css-v1561/profil/profil-banner.css **/ /** > /css-v1561/profil/profil-banner-common.css **/ @font-face { font-family: 'lato_'; src: url('/css-v1561/fonts/lato-regular-webfont.eot'); src: url('/css-v1561/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css-v1561/fonts/lato-regular-webfont.woff') format('woff'), url('/css-v1561/fonts/lato-regular-webfont.ttf') format('truetype'), url('/css-v1561/fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_'; src: url('/css-v1561/fonts/lato-bold-webfont.eot'); src: url('/css-v1561/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css-v1561/fonts/lato-bold-webfont.woff') format('woff'), url('/css-v1561/fonts/lato-bold-webfont.ttf') format('truetype'), url('/css-v1561/fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'lato_'; src: url('/css-v1561/fonts/lato-black-webfont.eot'); src: url('/css-v1561/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('/css-v1561/fonts/lato-black-webfont.woff') format('woff'), url('/css-v1561/fonts/lato-black-webfont.ttf') format('truetype'), url('/css-v1561/fonts/lato-black-webfont.svg#latoblack') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'lato_'; src: url('/css-v1561/fonts/lato-light-webfont.eot'); src: url('/css-v1561/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('/css-v1561/fonts/lato-light-webfont.woff') format('woff'), url('/css-v1561/fonts/lato-light-webfont.ttf') format('truetype'), url('/css-v1561/fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: lighter; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('/css-v1561/fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */ src: url('/css-v1561/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css-v1561/fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */ url('/css-v1561/fonts/Gotham-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css-v1561/fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } body { padding-top: 0; transition: padding-top .4s ease-in-out; } body.profil-open { padding-top: 297px; } /* Micro reset */ #profile-banner a { text-decoration: none; text-decoration: none; } #profile-banner .cf:after { content: ''; display: table; width: 100%; clear: both; } #profile-banner{ cursor: default; width: 100%; position: relative; background-color: #232936; color: #fff; z-index: 2147483646; /* padding-top: 32px; */ font-family: "lato_", helvetica, arial, sans-serif; } .pb-small-button { display: inline-block; color: white; padding: .5em 2em; text-decoration: none; text-align: center; font-size: 11px; font-weight: 900; text-transform:uppercase; } .pb-small-button--highlight { background-color:#38B7FF; } .pb-link { text-decoration: none; } .pb-link:hover { text-decoration: underline; } .pb-link--highlight { color:#38B7FF; } .pb-small-link { display: inline-block; color: black; padding: .5em 2em; text-align: center; font-size: 11px; font-weight: 900; text-transform:uppercase; text-decoration: underline; } .connected-links { text-align: center; } .connected-links .link + .link { margin-left: 1.5em; } .pb-small-link--delete{ text-decoration: underline !important; background: url('/imagerie/profil/banner/pb-cross.png') no-repeat left center; } .pb-table {display: table;} .pb-table--full {width: 100%;} .pb-row {display: table-row;} .pb-cell {display: table-cell;} .pb-cell--maxheight {height: 100%; vertical-align: middle;padding-left: 10px;} .pb-content-wrapper { background-color: white; font-size: 14px; text-align: center; /*height: 0;*/ height: auto; overflow: hidden; transition: height .4s ease-in-out; width: 100%; /* position: absolute; top: 28px; left: 0; */ position: relative; margin-top: 32px; top: 0; left: 0; } div.pb-display { background: inherit; } .pb-display { height: 32px; position: relative; line-height: 32px; font-size: 9px; } #profile-banner .profile-banner-display-tabs span.contacts a{ font-size: 12px; text-transform: uppercase; color : #FFFFFF; font-weight: bold; line-height: 28px; height: 28px; } #profile-banner .pb-fleft { float: left; } .ar #profile-banner .pb-fleft { float: right; } #profile-banner .pb-fright { float: right; } .ar #profile-banner .pb-fright { float: left; } .ar #profile-banner .pb-fleft-pb-brands{ float: right; margin: 0 0 0 15px; } .ar #profile-banner #sub-tabs .sub-tabs-bloc.pb-brands-content .brand-header .logo{ float: right; } .ar #profile-banner #sub-tabs .sub-tabs-bloc.pb-brands-content .brand-header .group-accor a{ float: left; } .pb-display > .pb-fleft, .pb-display > .pb-fright { height: 32px; } #profile-banner:after{ content: ''; display: block; width: 100%; } #profile-banner .profile-banner-lang-container #languages-top .lang-selected { z-index: 10; } .lang-selected span { height: 12px; line-height: 12px; } .lang-selection dd a { line-height: 12px; } #profile-banner .pb-button { text-transform: uppercase; padding: 0 20px 0 45px; display: inline-block; height: 100%; cursor: pointer; position: relative; vertical-align: top; } #profile-banner .pb-signup { background-color:#38B7FF; color: white; font-weight: 900; padding-left: 45px; position: relative; text-decoration: none; } #profile-banner .pb-manage-resa { color: white; font-weight: bold; text-decoration: none; } #profile-banner .pb-manage-resa:before { content : ''; display: inline-block; background: url('/imagerie/profil/banner/picto-bookings-header-profil.png') no-repeat center center; width: 26px; height: 32px; line-height: 32px; position: absolute; left: 10px; top: 38%; margin-top: -12px; } .pb-display .pb-signup:before { content : ''; display: inline-block; background: url('/imagerie/profil/banner/pb-signup.png') no-repeat center center; width: 26px; height: 24px; position: absolute; left: 10px; top: 50%; margin-top: -12px; } .pb-welcome, #profile-banner .pb-login { font-weight: 900; background-color: #dadbdd; color: #000; display: inline-block; position: relative; height: 32px; line-height: 32px; } #profile-banner .pb-logged-in { padding-right: 22px; } #profile-banner .pb-welcome { text-transform: uppercase; padding: 0 20px; } #profile-banner .pb-welcome .username { color: #38B7FF; font-weight: 900; } #profile-banner .pb-lcah-points { padding-left: 120px; background: url('/imagerie/profil/banner/lcah-header.png') no-repeat left center; background-color: white; color: black; line-height: 14px; text-align: right; } #profile-banner .pb-lcah-points > div { height: 14px; } #profile-banner .pb-lcah-points .pb-points-count { color: #38B7FF; } #profile-banner .pb-login:before { content : ''; display: inline-block; background: url('/imagerie/profil/banner/pb-login.png') no-repeat center center; width: 26px; height: 24px; position: absolute; left: 10px; top: 50%; margin-top: -12px; } .pb-logged-in:after { content:''; position: absolute; right: 5px; top: 8px; height: 12px; width: 12px; border-radius: 50%; cursor: pointer; background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #38B7FF; } .open .pb-logged-in:after { background-image: url('/imagerie/profil/banner/pb-arrow-up.png'); } #profile-banner .pb-hotline { font-weight: bold; } #profile-banner .pb-hotline-cost { color: #989ba1; margin-left: .5em; } .pb-content { background-color: #fff; overflow: hidden; height: 100%; text-align: left; display: block; } .pb-main { width: 100%; position: fixed; top: 0; left: 0; right: 0; height: 32px; z-index: 99999; background-color: black; } .not-connected.pb-main, .connected.pb-main { display: block; } #profile-banner .pb-display { max-width: 1400px; margin: 0 auto; } .pb-content { max-width: 100%; padding: 0 20px; margin: 0 auto; } .open .pb-content-wrapper{ /*height: 270px;*/ height: auto; } .pb-content .login { float: left; width: 50%; height: 100%; } .pb-content .login iframe { width: 100%; height: 100%; padding: 6px 20px; box-sizing: border-box; } .pb-lcah-first, .pb-new-account { padding: 22px 0 22px 30px; float: left; width: 25%; color: black; height: 100%; position: relative; box-sizing: border-box; } .pb-lcah-first b, .pb-new-account b { font-weight: bold; } .pb-iframe-container{ position: relative; } .pb-iframe-container:after { height: 80%; content:''; position: absolute; width: 1px; background-color: #ecedee; right: -9px; top: 10%; } .pb-account-title, .pb-title { font-weight: 900; margin: 0 0 .5em 0; color: black; font-size: 16px; } .pb-logged-in-wrapper { display:inline-block; margin: 0 auto; text-align: center; width: 100%; } .pb-not-logged-wrapper { display:inline-block; width: 100%; margin: 0 auto; text-align: left; height: 100%; } .pb-title { margin: 1em 0; } .pb-content .facebook { margin-bottom: 1em; } .btn-fb-login { background: url('/imagerie/profil/banner/facebook-login.png') center left no-repeat; padding-left: 44px; font-size: 14px; font-weight: 900; color: #38B7FF; background-size: auto 100%; margin-top: 8px; cursor: pointer; display: table-cell; vertical-align: middle; height: 38px; } #profile-banner .register { margin-top: 10px; } .pb-border-btn { padding: 0 .5em; display: inline-block; color: #38B7FF; border: 2px solid currentColor; font-weight: 900; line-height: 20px; margin-top: 2px; text-transform: uppercase; padding: 1px 14px 0 14px; font-size: 11px; } .pb-content .pb-signup-button:before { display: inline-block; content: '+'; } .pb-lcah-first:before, .aclub-morepoints:before { height: 100%; content:''; display: inline-block; vertical-align:middle; } .pb-lcah-first-content { background-color: #ecedef; line-height: 1; vertical-align:middle; display: inline-block; width: 100%; color: black; padding: 1em; box-sizing: border-box; text-decoration: none; } .pb-lcah-first-content > span { background: url('/imagerie/profil/banner/ahc-logo-yellow.png') center left no-repeat; padding-left: 55px; display: block; font-size: 14px; } .hotel.mybookings { display: block; color: black; } .pb-nexstay{ color: black; width: 31%; margin-right: 1.5%; text-align: left; display: inline-block; } .pb-join-lcah, .aclub-activity { width: 33.6%; color: black; text-align: left; display: inline-block; } .pb-join-lcah { width: 45.5%; padding-left: 30px; text-align: left; display: inline-block; } .pb-fleft-border-left { position: absolute; height: 100px; background-color: #e6e6e6; width: 1px; border: 0px; margin-left: -25px; top: 27px; } #profile-banner .thumbnail { width: 25%; } #profile-banner .thumbnail img { max-width: 100%; height: auto; } #profile-banner .aclub-activity .thumbnail { width: 33%; } .pb-nexstay .data{ color: black; width: 70%; } .pb-join-lcah .data { width: 70%; color: black; height: 80px; } .aclub-activity .data { color: black; width: 67%; } .aclub-morepoints { width: 20%; color: black; padding-left: 1em; height: 100%; display: inline-block; } .aclub-morepoints--content { vertical-align: middle; display: inline-block; background-color:#ecedef; box-sizing: border-box; width: 98%; box-sizing: border-box; padding: 0 10px 5px 10px; } .aclub-morepoints--content .pb-title { margin: 5px 0; } .pb-nextbooking-data, .pb-nextbooking .data, .pb-join-lcah .data, .aclub-activity .data { /*padding-left: .25em;*/ font-size: 12px; font-family: 'lato_'; min-height: 80px; color: black; margin-bottom: 2em; box-sizing: border-box; } .pb-nextbooking-data .hotel-name { font-weight: bold; } .tiering { width: 100%; height: 20px; line-height: 20px; text-transform: uppercase; color: white; font-size: 9px; text-align: left; position: relative; } .tiering:before { content:''; position: absolute; bottom: -10px; left: 0; border-bottom: 5px solid #38B7FF; border-left: 5px solid transparent; border-right: 5px solid transparent; } .tiering[data-tiering="Classic"]:before {left: 12.5%;} .tiering[data-tiering="Silver"]:before {left: 37.5%;} .tiering[data-tiering="Gold"]:before {left: 62.5%;} .tiering[data-tiering="Platinum"]:before {left: 87.5%;} .tiering-level { width: 25%; display: inline-block; padding: 0 5px; box-sizing: border-box; } .tiering-classic {background-color: #2668a2;} .tiering-silver {background-color: #a2a7aa;} .tiering-gold {background-color: #907f63;} .tiering-platinum {background-color: #69646a;} .scoring { color: white; padding: 5px; font-weight: bold; font-size: 15px; text-align: center; margin-right: 10px; line-height: 1; } .scoring .scoring-value { font-size: 25px; } .activity-title { font-weight: bold; } .scoring[data-tiering="Classic"] {background-color: #2668a2;} .scoring[data-tiering="Silver"] {background-color: #a2a7aa;} .scoring[data-tiering="Gold"] {background-color: #907f63;} .scoring[data-tiering="Platinum"] {background-color: #69646a;} @media (max-width: 1000px) { #profile-banner .profile-banner-display-tabs span.contacts a{ background: url("/imagerie/profil/banner/contact.png") no-repeat 0 3px transparent; text-indent: -9999px; height: 32px; width: 20px; white-space: nowrap; float: left; } #profile-banner .profile-banner-display-tabs.connected span.contacts a{ display: none; } #profile-banner .pb-manage-resa{ display: none; } } @media (max-width: 1000px) { .pb-content-wrapper { font-size: 9px; } /* #profile-banner .pb-manage-resa { display: none; } */ body.profil-open { padding-top: 417px; } .pb-lcah-first, .pb-new-account { width: 50%; height: 50%; } .open .pb-content-wrapper { /*height: 348px;*/ height: auto; } .open .pb-content-wrapper.pb-is-logged { height: auto; padding-bottom: 20px; } .btn-fb-login { background-size: 30px 30px; min-height: 30px; line-height: 30px; padding-left: 36px; } .pb-nexstay { color: #000; width: 300px; margin-right: 0; } .pb-join-lcah, .aclub-activity, .pb-nextstay { width: 300px; color: black; } .pb-join-lcah { padding-left: 0px; } #profile-banner .thumbnail { width: 49%; } #profile-banner .thumbnail img { width: 100%; } #profile-banner .aclub-activity .thumbnail { width: 33%; } #profile-banner .aclub-activity .thumbnail img{ width: 100%; height: auto; } .pb-nexstay .data{ color: black; width: 50%; padding-left: 1em; box-sizing: border-box; } .pb-join-lcah .data { width: 150px; color: black; } .aclub-activity .data { width: 220px; } .pb-nextbooking-data .hotel-name { font-weight: bold; font-size: 10px; } .aclub-activity .no-activity .hotel-name { font-weight: normal; } .pb-nextbooking-data, .pb-nextbooking .data, .pb-join-lcah .data, .aclub-activity .data { font-size: 10px; } #profile-banner .pb-lcah-points { padding-left: 90px; } #profile-banner .pb-welcome .username { max-width: 128px; display: inline-block; overflow: hidden; height: 100%; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } } @media (min-width: 1400px) { #profile-banner .pb-display, .pb-content { /* max-width: px; */ /* margin: 0 auto; */ } .pb-logged-in-wrapper { max-width: 1400px; margin: 0 auto; display: block; } .pb-not-logged-wrapper { max-width: 1400px; margin: 0 auto; display: block; } .open .pb-content-wrapper{ /* height: 220px; */ } } @media (max-width: 1000px) { .pb-content { /* width: 100%; max-width: 600px; margin: 0 auto; */ } #profile-banner .pb-display { /* max-width: 768px; */ } .pb-logged-in-wrapper { max-width: 768px; } .pb-logged-in-wrapper.no-activity { max-width: 600px; } .pb-not-logged-wrapper { max-width: 600px; } .aclub-morepoints { width: 170px; box-sizing: border-box; } .aclub-activity { width: inherit; width: auto; padding-left: 20px; box-sizing: border-box; } .pb-nexstay { width: 200px; margin-right: 0; box-sizing: border-box; } .pb-content { padding: 0; } .pb-nextbooking-data { padding-left: 0px; display: block; } .pb-fleft-border-left { margin-left: -20px; } .pb-nextbooking-data { min-height: inherit; min-height: auto; } } /**************** Brand ****************/ #profile-banner .pb-fleft-pb-brands{ float: left; height: 32px; background: inherit; } #profile-banner #sub-tabs .sub-tabs-bloc{ display: none; } #profile-banner #sub-tabs .sub-tabs-bloc.opened{ display: block; } #profile-banner #sub-tabs .pb-login-content{ height: 300px; } @media (max-width: 1000px) { #profile-banner #sub-tabs .pb-login-content{ height: 360px; } } #profile-banner #sub-tabs .pb-brands-content{ /*height: 320px;*/ } #profile-banner .pb-brands{ background: url("/imagerie/profil/banner/pb-brands-arrow-down.png") no-repeat 20px 12px #393f4a; color: #fffeff; font-size: 11px; font-weight: bold; height: 32px; line-height: 32px; padding: 0 15px 0 50px; margin-right: 15px; text-transform: uppercase; } #profile-banner .pb-brands.opened{ display: block; background: url("/imagerie/profil/banner/pb-brands-arrow-up.png") no-repeat 20px 12px #ffffff; color: #16202a; } #profile-banner #sub-tabs .sub-tabs-bloc.pb-brands-content .brand-header{ border-bottom: 1px solid #e0e0e0; width: 100%; display: table; } #profile-banner #sub-tabs .sub-tabs-bloc.pb-brands-content .brand-header .logo{ float: left; width: 40%; } #profile-banner #sub-tabs .sub-tabs-bloc.pb-brands-content .brand-header .group-accor{ display: table-cell; vertical-align: middle; } #profile-banner #sub-tabs .sub-tabs-bloc.pb-brands-content .brand-header .group-accor a{ /*background: url("/imagerie/profil/banner/arrow.png") no-repeat 0 1px transparent;*/ color: #000000; float: right; font-size: 0.8em; margin: 0 15px 0 0; padding-left: 18px; text-transform: uppercase; font-family: 'Gotham', helvetica, arial, sans-serif; font-size: 12px; } #profile-banner #sub-tabs .sub-tabs-bloc.pb-brands-content .brand-header .group-accor a:hover{ color: #0d9ff4; } #profile-banner #pb-frieze-brands{ margin: 0 10%; } #profile-banner .pb-fleft-pb-brands pb-brands.brands-subtab{ padding: 0 10px 0 50px; } #profile-banner .pb-fleft-pb-brands .brands-subtab.opened{ background-color: #ffffff; color: #16202a; } #profile-banner .pb-brands .bernache{ background: url("/imagerie/profil/banner/bernache-doree.png") no-repeat right 7px transparent; display: block; height: 32px; line-height: 32px; padding-right: 40px; } #profile-banner .pb-brands.opened .bernache{ background: url("/imagerie/profil/banner/bernache-bleue.png") no-repeat right 7px transparent; } #profile-banner .img-responsive { display: block; max-width: 100%; height: auto; } /*********Degraded Mode **********/ #profile-banner-degraded-mode{ width: 100%; height: 32px; position: fixed; background: url('/imagerie/profil/banner/background.png') repeat-x 0 0 transparent; z-index: 2147483647; top:0; left: 0; font-family: "Trebuchet Ms"; } #profile-banner-degraded-mode .degraded-mode-display{ display: block; max-width: 1400px; margin: 0 auto; height: 32px; position: relative; } #profile-banner-degraded-mode .degraded-mode-display a.register, #profile-banner-degraded-mode .degraded-mode-display a.login{ color: #FFFFFF; font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 0 4px; float: right; line-height: 32px; height: 32px; } #profile-banner-degraded-mode .degraded-mode-display a.register:hover, #profile-banner-degraded-mode .degraded-mode-display a.login:hover{ text-decoration: underline; } #profile-banner-degraded-mode .degraded-mode-display .info{ color: red; font-weight: bold; font-size: 12px; line-height: 32px; height: 32px; float: left; } #profile-banner .pb-brands .bernache, span#currencies .currencies-tabs .get-currencies a, span#display-zones .display-zones-tabs .get-display-zones a, #profile-banner .profile-banner-display-tabs span.contacts a, #profile-banner .pb-welcome .username, #profile-banner .pb-lcah-points .pb-points-count, .pb-txt-highlight, #profile-banner .pb-manage-resa, #profile-banner .pb-signup, .pb-welcome, #profile-banner .pb-login{ font-size: 11px; } /** < /css-v1561/profil/profil-banner-common.css **/ /******** Surcharges spécifiques à www.mercure.com *********/ #profile-banner{ background:#e1ddd0; padding-top: 0; } #profile-banner-degraded-mode .degraded-mode-display a.register, #profile-banner-degraded-mode .degraded-mode-display a.login, #profile-banner .profile-banner-display ul.profile-banner-display-tabs li.welcome-box, #profile-banner .profile-banner-display ul.profile-banner-display-tabs li.welcome-box .username, #profile-banner .profile-banner-display ul.profile-banner-display-tabs li.create-account a, #profile-banner .profile-banner-display ul.profile-banner-display-tabs li.account .account-tabs .my-account a, #profile-banner .profile-banner-display ul.profile-banner-display-tabs li.account .account-tabs .get-connected a{ color : #5f255f; } #profile-banner .profile-banner-display ul.profile-banner-display-tabs li.account ul.account-subtabs .row .label { width: 100%; } /*******************************\ |* PROFILE-BANNER THEME MARQUE *| \*******************************/ /* Background header */ #profile-banner, .pb-main { background-color: #5f2965; } #profile-banner .pb-signup { background-color:#649DA4 !important; } /* Boutons génériques */ .pb-small-button--highlight, .pb-logged-in:after { background-color:#649da4; color: #fff; } .pb-border-btn, .btn-fb-login { /* la border-color sera également affectée */ /*(border-color: currentColor dans le css générique) */ color: #649da4; } /* Textes */ #profile-banner .pb-welcome .username, #profile-banner .pb-lcah-points .pb-points-count, .pb-txt-highlight { color: #649da4; } /* blocs LCAH */ .aclub-morepoints--content, .pb-lcah-first-content { background-color: #e2ded0; color: #5f2965; } /* Contact link */ #profile-banner .profile-banner-display-tabs span.contacts{ float: right; } #profile-banner .profile-banner-display-tabs span.contacts.anonymous{ padding-left: 20px; position: absolute; } #profile-banner .profile-banner-display-tabs span.contacts a:hover{ text-decoration: underline; } #profile-banner .profile-banner-display-tabs span.contacts{ display: inline-block; *zoom: 1; } #profile-banner .profile-banner-display-tabs span.contacts a{ text-decoration: none; } /******************************************************************************** ********************************************************************************/ /* bg color + resa */ #profile-banner, #profile-banner .pb-manage-resa { background-color: #5f255f; } /* Bouton login */ .pb-welcome, #profile-banner .pb-login { background-color: #dadbdd !important; color:#000; } /* blocs LCAH */ .aclub-morepoints--content, .pb-lcah-first-content { background-color: #ecedef; color: #5f2965; } .pb-logged-in:after, #profile-banner .pb-signup, #eLogin #login-form .btn-profil, .pb-small-button--highlight { background-color: #649da4 !important; color: #FFFFFF; } /* login + signup */ #profile-banner .pb-welcome .username, #profile-banner .pb-lcah-points .pb-points-count, .pb-txt-highlight { color: #649da4; } .pb-border-btn, .btn-fb-login { color: #649da4; } /**************** Surcharge Brand ****************/ #profile-banner .pb-fleft-pb-brands .pb-brands{ background-color: #6f3f75; } /** < /css-v1561/profil/profil-banner.css **/ /** > /css-v1561/social-media/shareHome.css **/ .socialist{ display:inline; } .showTip{ position:relative; float:left; /*top:40px;*/ //left:10px; } .toolTip,.gtoolTip { background-color:#FFFFFF; } .gshowTip{ position:relative; float:left; /*top:40px;*/ //left:10px; } #fspan{ border: 1px solid #A4A7AE; border-radius: 3px 3px 3px 3px; height: 20px; /*left: -20px;*/ padding: 5px; position: absolute; /*right: -59px;*/ text-align: center; top: -37px; visibility: hidden; width: auto; z-index: 11; } #gspan{ border: 1px solid #A4A7AE; border-radius: 3px 3px 3px 3px; visibility: hidden; /*display:none;*/ height: 24px; left: -98px; padding: 5px; position: absolute; /* right: -40px;*/ text-align: center; top: -41px; width: auto; z-index: 10; } #tspan{ border: 1px solid #A4A7AE; border-radius: 3px 3px 3px 3px; visibility: hidden; height: 20px; left: -49px; padding: 5px; position: absolute; /*right: -59px;*/ text-align: center; top: -37px; width: 140px; z-index: 10; /*max-width:190px;*/ } #pspan{ border: 1px solid #A4A7AE; border-radius: 3px 3px 3px 3px; height: 20px; /*left: -20px;*/ padding: 5px 8px 5px 5px; position: absolute; right: -34px; text-align: center; top: -37px; width: auto; z-index: 10; visibility: hidden; } #fbIcon{ background: url("/imagerie/social-media/socialIconMatrix.png") no-repeat scroll 0 0 transparent; color: #000000; float: left; height: 30px; /* left: -20px;*/ position: absolute; width: 30px; z-index: 10; /* margin-top: 20px; bottom: -16px;*/ } #tIcon{ background: url("/imagerie/social-media/socialIconMatrix.png") no-repeat scroll -30px 0 transparent; color: #000000; float: left; height: 30px; /*left: -20px;*/ position: absolute; width: 30px; } #gIcon{ background: url("/imagerie/social-media/socialIconMatrix.png") no-repeat scroll -60px 0 transparent; color: #000000; float: left; height: 30px; /* left: -20px;*/ position: absolute; width: 30px; } #yIcon{ background-repeat: no-repeat; background-position: center; background-image: url('/imagerie/social-media/YouTube-icon-full_color.png'); float: left; height: 30px; /* left: -20px;*/ position: absolute; width: 30px; background-size: contain; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagerie/social-media/YouTube-icon-full_color.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagerie/social-media/YouTube-icon-full_color.png',sizingMethod='scale')"; } #yIcon.greyed{ background-image: url('/imagerie/social-media/YouTube-icon-dark.png'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagerie/social-media/YouTube-icon-dark.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagerie/social-media/YouTube-icon-dark.png',sizingMethod='scale')"; } .showTip, .gshowTip { top:5px; } #twtrSpan{ z-index:5; } .span0{ left:25px; } .span1{ left:75px; } .span2{ left:125px; } .span3{ left:175px; } .arrow{ float: left; /*left: -19px;*/ position: absolute; top: -7px; z-index: 12; padding: 0 9px; } .garrow{ float: left; /*left: -19px*/ position: absolute; top: -7px; z-index: 11; padding: 0 9px; } #gTab{ /*display:none;*/ visibility:collapse; position: relative; } #scplugins{ background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("/imagerie/home/encadre-petit.png"); background-origin: padding-box; background-position: left top; background-repeat: no-repeat; background-size: auto auto; padding-bottom: 0; padding-left: 13px; padding-right: 13px; padding-top: 11px; width: 217px; height:143px; /*margin-bottom: 8px;*/ /* margin-left: 9px;*/ } .scplugins-bottom { /*margin-left: 9px;*/ background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("/imagerie/home/encadre-petit.png"); background-origin: padding-box; background-position: left bottom; background-repeat: no-repeat; background-size: auto auto; height: 12px; width: 243px; } #header1 { color: #975820; font-family: arial,helvetica,sans-serif; font-weight: bold; padding: 10px 2px 10px 10px; position: relative; font-size: 16px; } #header2 { font-family: arial,helvetica,sans-serif; font-size: 11px; font-weight: normal; padding: 0 4px 10px 10px; } #pluginlist { float: left; left: 20px; position: relative; top: 15px; } /** < /css-v1561/social-media/shareHome.css **/