/*-----------------------------------------------------------
	Project: WE Londres	
	Date : 	July 2009
	Last Update : 01/09/09
	Author:	C2iS - AFO
	Summary :		
		| Global CSS Reset
		| Typography
		| Global Classes
		| Main Layout
		| Plugins
			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, a img, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit; font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
/*
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}*/

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px; color:#565656; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#565656; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #565656; }
del { color:#565656; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
small { font-size:0.85em; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
hr{ margin:0 1em 1.5em; border:0 none; height:1px; background:#cccccc; }
select {color:#505050;}

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}
.button {vertical-align:middle; width: auto; overflow:visible; cursor:pointer; margin-left:10px; color:#fff; text-transform:uppercase;padding:3px 10px 5px;font-size:11px;background:url(/images/common/bg_btnLink_green.gif) repeat-x 0 0; border:none;}

/*:::::::::::  Main layout :::::::::::*/
body {background:#dadada url(/images/common/bg_main.png) no-repeat top center;}
#wrapper {width:955px;margin:0 auto;background:#fff;padding:0 13px 15px;}

/*HEADER*/
#header {background:#eee url(/images/common/bg_header.jpg) no-repeat 100% 0;height:134px;position:relative;}
#header h1 {width:214px;overflow:hidden;float:left;margin:9px 75px 0 20px;}
#header h1 a {display:block;height:125px;background:url(/images/common/logo_weLondres.png) no-repeat 0 0;text-indent:-200px;}
#header .tagline {padding-top:50px;}

#accountBox {position:absolute;top:0;right:15px;width:350px;}
#accountBox li{float:right;background:url(../images/common/bg_btn_account.gif) no-repeat 100% -26px;padding:0 7px 0 0;margin-left:10px;}
#accountBox li a{display:block;text-transform:uppercase;color:#939393;font-size:11px !important;padding:6px 1px 9px 7px;background:url(/images/common/bg_btn_account.gif) no-repeat 0 0;}
#accountBox li a:hover{text-decoration:underline;}

/*MAIN MENU*/
#mainMenu {width:100%;margin:1px 0 6px;background:url(/images/common/bg_itemMenu.jpg) repeat-x top right;}
#mainMenu li {float:left;margin-left:0;position:relative;z-index:4;background:url(/images/common/bg_itemMenu.jpg) repeat-x 0 0;}
#mainMenu li a{position:relative;text-transform:uppercase;display:block;padding:7px 20px 5px;font-size:13px;color:#fff;background:url(/images/common/sep_mainMenu.png) no-repeat 100% 0;}
#mainMenu li.lastItem a {background:none; padding-right:16px;}
#mainMenu li:hover , #mainMenu li#active , #mainMenu li.sfhover {background-position:0 -50px;}

/*MAIN MENU - sous menu*/
#mainMenu li ul ,#mainMenu li dl {position:absolute;width:100%;left: -999em;background:#8ec21d url(/images/common/bg_subMenu.png) repeat-x 0 100%;margin-top:0;padding:7px 0;z-index:5;min-height:110px;}
#mainMenu li:hover ul, #mainMenu li.sfhover ul {left: auto;}
#mainMenu li li{float:none;margin:0;width:100%;vertical-align:bottom;background:none;}
#mainMenu li li a{color:#fff;margin:0 7px 0;line-height:13px;text-transform:none;padding:4px 5px !important;background:none;font-size:12px;position:relative;}
#mainMenu li li a:hover {background:#7fae1a;color:#364b0a;}

/*MAIN MENU - mise en avant*/
#mainMenu li.pushUp {margin-top:-7px;}
#mainMenu li.pushUp a {padding:9px 18px 10px;} 

/*MAIN MENU - mega sous-menu*/
#mainMenu li dl{overflow:hidden;padding:7px 15px 0;border:solid #5e7e17;border-width:0 1px 1px;}
#mainMenu li:hover dl , #mainMenu li.sfhover dl {left:-110px;}
#mainMenu li dl dt {color:#fff;font-size:18px;padding-bottom:12px;}
#mainMenu li dl dd {float:left;width:91px;text-align:center;height:125px;padding:0 5px;}
#mainMenu li dl dd a {padding:0;background:none;color:#364b0a;font-size:12px;text-transform:none;}
#mainMenu li dl dd img {margin-bottom:5px;width:75px;height:75px;}
#mainMenu li dl dd span {display:block;}

/*MAIN MENU - mega sous-menu - Week End*/
#mainMenu li dl.pushMenu_weekend {width:310px;}
#mainMenu li:hover dl.pushMenu_weekend , #mainMenu li.sfhover dl.pushMenu_weekend {left:-60px;}

/*MAIN MENU - mega sous-menu - London Box*/
#mainMenu li dl.pushMenu_londonBox {width:410px;}
#mainMenu li:hover dl.pushMenu_londonBox , #mainMenu li.sfhover dl.pushMenu_londonBox {left:-214px;}

/*HOME*/
#contentHome #searchBox {width:304px;height:351px;float:left;position:relative;margin-bottom:0;}
#contentHome #searchBox .validSearch {padding:5px 39px 0 0;}
#contentHome #searchBox .mandatoryFields {position:absolute;bottom:5px;left:20px;}

/*HOME - Flash*/
#homeFlash {float:left;width:650px;	height:356px;}
#homeFlash img {width:650px;height:356px;}

/*HOME - BESTSELLERS*/
#bestSellers {width:638px;float:left;padding-top:12px;clear:left;}
#bestSellers h2 {color:#8828a3;font-size:25px;}

#carousel_bestSellers {background:#eaeaeb;padding:10px;position:relative;margin-bottom:10px;}
#carousel_bestSellers .prevHome {position:absolute;left:7px;bottom:106px;}
#carousel_bestSellers .nextHome {position:absolute;right:7px;bottom:106px;}
#carousel_bestSellers .carousel_outer_bestSellers {margin:6px auto 0;}
#carousel_bestSellers .carousel_outer_bestSellers li {border:8px solid #fff;margin:0 8px;position:relative;background:#fff;}
#carousel_bestSellers .carousel_outer_bestSellers li .details {display:none;line-height:15px;color:#3d3d3d;font-size:13px;width:163px;height:81px;padding:5px;position:absolute;bottom:0;left:0;cursor:pointer;}
#carousel_bestSellers .carousel_outer_bestSellers li .bestSellerImg{width:168px;height:95px;display:block;}
#carousel_bestSellers .carousel_outer_bestSellers li  dl {padding-bottom:3px;height:85px;width:168px;}
#carousel_bestSellers .carousel_outer_bestSellers li  dt , #carousel_bestSellers .carousel_outer_bestSellers li  dt a {color:#8828a3;font-size:13px;font-weight:bold;}
#carousel_bestSellers .carousel_outer_bestSellers li  dd {padding:3px 0;}
#carousel_bestSellers .carousel_outer_bestSellers li  dd em {font-size:17px;color:#f26600;font-style:normal;}

/*HOME - GOGLE MAP*/
#gMapHome {background:#ebebeb;padding-top:5px;}
#gMapHome a.allHotels {float:right;padding:7px 17px;margin-right:6px;background:url(/images/common/bg_btn_allHotels.png) no-repeat 0 0;color:#fff;text-transform:uppercase;}
#gMapHome h2 {color:#8828a3;font-size:22px;margin-left:10px;}
#gMapHome #gMapContainer {margin:6px 0 0 0;width:636px;height:277px;overflow:hidden;}

/*HOME - GOGLE MAP - INFO WINDOW IN GMAP*/
.gMap_infoWindow {cursor:default;position:absolute;z-index:5000;color:#565656; width:294px;height:208px;background:url(/images/common/bg_infoWindow.png) no-repeat 0 0;}
.closeWindow {position:absolute;z-index:5001;right:5px;top:2px;cursor:pointer;width:15px;padding:0 !important;}
	*+html .closeWindow  {top:6px;} /*filter only IE7*/
.gMap_infoWindow dl {color:#6d6d6d;padding:14px 10px 0 10px;}
.gMap_infoWindow dt {color:#7b1b96;font-size:16px;padding:0 0 5px 0;}
.gMap_infoWindow dd.visu {float:left;margin:0 7px 7px 0;padding:0;}
.gMap_infoWindow dd.visu img {width:109px;height:62px;}
.gMap_infoWindow dd.links {clear:both;width:100%;padding:9px 0 0 0;overflow:hidden;}
.gMap_infoWindow dd.links a {cursor:pointer;float:right;margin-right:15px;background:url(/images/common/bg_btnLink_purple.gif) repeat-x 0 0;color:#fff;text-transform:uppercase;font-size:11px;padding:2px 7px;}
.gMap_infoWindow dd {padding:3px 5px 3px 0;}

/*HOME - ASIDE*/
#asideHome {width:304px;float:left;margin-left:12px;padding-top:12px;}

.emailNewsletter {color:#565656;font-size:11px;width:150px;vertical-align:middle;}

/*SIDEBAR*/
#sideBar {width:304px;float:left;padding-top:10px;}
#promoFlash_sideBar {vertical-align:bottom;width:300px;height:250px;margin:0 0 10px 2px;z-index: 500;}

/*SEARCH BOX*/
#searchBox {background:#a1d335 url(/images/searchBox/bg_searchBox.jpg) no-repeat 50% 100%;padding:0 0 5px;margin-bottom:10px;}
#searchBox h2 {color:#fff;font-size:20px;padding:3px 0 3px 14px;background:url(/images/searchBox/bg_title_searchBox.jpg) repeat-x 0 0;}
#searchBox fieldset {padding:15px 0 2px 18px;background:url(/images/searchBox/arrowDown.gif) no-repeat 15px 0;}
#searchBox fieldset p {overflow:hidden;padding:4px 0;}
#searchBox fieldset label {font-weight:bold;color:#364b0a;float:left;width:200px;padding-top:4px;}
#searchBox fieldset select {width:50px;font-size:11px;padding:1px 0 1px 2px;}
#searchBox fieldset .datePick {width:98px;font-size:11px;color:#505050;}
#searchBox fieldset p .yourChoice {float:left;padding-top:4px;color:#374b04;}

#searchBox fieldset .departure label{width:147px;}
#searchBox fieldset .departure select {width:103px;}
#searchBox fieldset .accomodation {border:none;margin-bottom:0;padding-bottom:4px;}
#searchBox fieldset .accomodation label{width:96px;}
#searchBox fieldset .accomodation select{width:154px;}
#searchBox fieldset .childAge label {float:none;display:block;width:100%;}
#searchBox fieldset .childAge select {width:56px;margin:5px 5px 0 0;}

/*SEARCH BOX - Validation*/
#searchBox .validSearch {text-align:right;padding:16px 39px 22px 0;}
#searchBox .validSearch input {padding:2px 7px;width: auto;overflow:visible;color:#fff;text-transform:uppercase;cursor:pointer;border:none;background:transparent url(/images/searchBox/bg_valid_searchBox.jpg) no-repeat 50% 0;}
#searchBox .mandatoryFields , #formResa .mandatoryFields , #formContact .mandatoryFields {text-align:right;font-size:10px;padding-right:12px;color:#565656;}

/*PUSH BOX*/
.pushBox {position:relative;margin-bottom:10px;background:#dcdcdc url(/images/common/bg_pushBox.png) repeat-y 0 0;padding:10px 15px;font-size:11px;min-height:76px;}
.pushBox h2 , .pushBox h2 a{color:#8828a3;display:block;font-size:21px;position:relative;z-index:5;}
.pushBox p {padding:3px 60px 10px 0;line-height:13px;}
.pushBox .link_pushBox {background:url(/images/common/bg_btnLink_purple.gif) repeat-x 0 0;color:#fff;text-transform:uppercase;font-size:11px;padding:1px 7px;}
.pushBox .picto {position:absolute;top:0;right:0;z-index:2;}

/*PUSH BOX - Autres sejours disponibles*/
.pushBox dl {width:100%;margin:12px 0;overflow:hidden;}
.pushBox dt {text-transform:uppercase;font-size:13px;font-weight:bold;padding-bottom:3px;float:right;width:177px;}
.pushBox dd.visu{float:left;width:96px;}
.pushBox dd.visu img{width:89px;height:89px;}
.pushBox dd.offerLasting , .pushBox dd.offerLasting a{ color:#7b1b96;font-size:12px;padding-bottom:3px;}
.pushBox dd {padding-bottom:6px;line-height:13px;width:177px;float:right;}

/*CONTENT*/
#content {float:left;width:601px;padding:5px 0 0 50px;}

/*BREADCRUMB*/
.breadcrumb {margin:0 0 10px -43px;font-size:11px;}
.breadcrumb a{padding:0 3px;}
.breadcrumb a:hover{text-decoration:underline;}

/*SEARCH RESULTS*/
#searchResults .resultNum {color:#8ec21d;font-size:19px;padding-bottom:17px;}
#searchResults .resultNum  strong{font-size:25px;font-weight:normal;}

/*SEARCH RESULTS - filtre*/
#searchResults .filter{background:#eaeaeb;text-align:right;padding:9px 15px 8px 0;font-size:11px;border:1px solid #acacac;}
#searchResults .filter select , #allHotels .filter select {font-size:11px;margin:0 10px 0 5px;vertical-align:middle;}
#searchResults .filter a , #allHotels .filter a {padding:0 15px 0 5px;background:url(/images/common/sortByPrice.gif) no-repeat 100% 3px;}
#searchResults .filter a:hover  , #allHotels .filter a:hover {text-decoration:underline;}
#searchResults .filter a.sortDecrease , #allHotels .filter a.sortDecrease  {background-position:100% -10px;}

/*SEARCH RESULTS - liste de resultats*/
#searchResults li {border-bottom:4px solid #eaeaeb;margin-bottom:9px;padding:15px 0;width:100%;}
#searchResults li:after {content:".";height:0;display:block;visibility:hidden;clear:both;}
#searchResults li h3 {font-weight:bold;font-size:18px;padding-left:7px;float:left;}
#searchResults li span.price {float:right;width:165px;text-align:right;padding:0 15px 0 0;font-size:15px;}
#searchResults li span.price em {color:#f26600;font-style:normal;font-size:22px;}
#searchResults li dl {clear:both;width:100%;padding:10px 0;}
#searchResults li dt {color:#7b1b96;font-size:16px;padding-bottom:5px;}
#searchResults li dd.visu {margin:0 15px 8px 7px;float:left;}
#searchResults li dd.visu img {width:230px;height:130px;}
#searchResults li dd.weekendType {color:#f37011;font-size:12px;padding-bottom:8px;font-weight:bold;}
#searchResults li dd {font-size:11px;line-height:14px;}
#searchResults li .moreInfo {clear:both;width:100%;position:relative;}
#searchResults li .moreInfo label {padding:0 10px 0 7px;font-size:16px;}
#searchResults li .moreInfo select {font-size:11px;width:230px;}
#searchResults li .moreInfo a {position:absolute;right:0;top:2px;color:#fff;text-transform:uppercase;background:url(/images/common/bg_btnLink_purple.gif) repeat-x 0 0;padding:5px 10px 4px;font-size:11px;}

/*FICHE SEJOUR - FICHE HOTEL*/
#ficheSejour , #ficheHotel {padding-top:7px;}
#ficheSejour h3 , #ficheHotel h3  {font-weight:bold;font-size:18px;float:left;}
#ficheHotel h3 {font-weight:normal;color:#7f1a9c;}
#ficheSejour .price , #ficheHotel .price , .locationDescription dd.price  {float:right;width:165px;text-align:right;padding:0 15px 0 0;font-size:15px;}
#ficheSejour .price em , #ficheHotel .price em  , .locationDescription dd.price  em {color:#f26600;font-style:normal;font-size:22px;}
.bookNow , .btn_reserver {text-align:right;padding:10px 0;clear:both;}
/*.resaOption  a.bookOption, .resaOption  a.chooseThis  {margin-left:10px;color:#fff;text-transform:uppercase;padding:4px 10px 5px;font-size:11px;background:url(/images/common/bg_btnLink_green.gif) repeat-x 0 0;}*/
.bookNow a.changeRoomConfig  {background:url(/images/common/bg_btnLink_grey.gif) repeat-x 0 0;vertical-align:middle;}
/*.resaOption input.bookOption, .resaOption  a.chooseThis {vertical-align:middle;margin-left:10px;width: auto;overflow:visible;cursor:pointer;color:#fff;text-transform:uppercase;padding:3px 10px 3px;font-size:11px;background:url(/images/common/bg_btnLink_green.gif) repeat-x 0 0;border:none;}*/

#gMapContainer {margin:0 auto 18px;width:595px;height:350px;overflow:hidden;}

/*FICHE HOTEL - Services*/
#hotelServices {width:223px; float:left; padding:13px 0 0 7px; clear:left;}
#hotelServices h4 {font-size:16px;padding-bottom:7px;}
#hotelServices li {float:left;margin:0 5px 5px 0;}

/*FICHE HOTEL - bloc de recap rapide*/
#quickRecap {padding:18px 14px 25px;background:#a0cc41 url(/images/common/bg_quickRecap.png) no-repeat 0 100%;margin-bottom:2px;font-size:16px;}
#quickRecap dt {color:#fff;font-weight:bold;padding-bottom:5px;}

/*FICHE HOTEL - tableaux calculateur de prix et tableaux choix des prix*/
.calPriceTable , .selectRoomPrice {border-collapse:collapse;width:100%;margin-bottom:15px;}
.calPriceTable  th , .selectRoomPrice th {color:#fff;background:#9f9f9f;border:1px solid #9f9f9f;padding:5px;vertical-align:middle;font-size:13px;}
.calPriceTable td , .selectRoomPrice td{border:1px solid #9f9f9f;padding:5px;vertical-align:middle;}
.calPriceTable td.nbCell {width:66px;}
.calPriceTable td.cityCell {width:100px;}
.calPriceTable td.dateCell {width:120px;}
.calPriceTable td.addNightsCell {width:111px;}
.calPriceTable td input.datePick {color:#565656;font-size:11px;width:66px;}
.calPriceTable select#villeDep{width:105px;}
.calPriceTable td select {font-size:11px;}
.calPriceTable td.nbCell select {width:52px;margin:0 4px 4px 0;}
.calculatePrice {text-align:right;}
.calculatePrice input {background:url(/images/common/bg_btnLink_grey.gif) repeat-x 0 0;border:none;text-transform:uppercase;color:#fff;font-size:11px;padding:4px 7px 2px;cursor:pointer;width: auto;overflow:visible;}

.selectRoomPrice td , .selectRoomPrice th{text-align:center;}
.selectRoomPrice .roomType {width:125px;text-align:left;font-size:14px;color:#6e6e6e;}
.selectRoomPrice .cheapest {background:#efefef;}
.selectRoomPrice .cheapest label  , .selectRoomPrice td.selected label {color:#F26600}
.selectRoomPrice td label {display:block;color:#f29958;font-size:17px;}
.selectRoomPrice td.selected {background:#e7e7e8;font-weight:bold;}


/*FICHE HOTEL - details des tarifs et des chambre*/
.roomDetails li {margin:7px 0;line-height:23px;font-size:13px;}
.roomDetails li .roomPrice {color:#f26600;background:#e7e7e8;padding: 3px 7px;font-size:17px;margin-left:5px;}
.roomDetails li .dispoRoom {color:#f26600;font-size:11px;float:right;margin:4px 88px 0 0;width:90px;}
#ficheHotel .totalPrice {background:#e7e7e8;margin:20px 0;padding:6px;font-size:16px;width:230px;text-align:center;}

/*FICHE HOTEL - modifier la configuration des chambres*/
#roomConfig p{position:relative;padding-left:0 !important;font-size:12px;}
#roomConfig p select{font-size:11px;margin:0 12px 0 5px;}
#roomConfig p .maxSizeInfo {font-size:11px;font-style:italic;width:150px;position:absolute;top:-2px;right:30px;}

/*FICHE SEJOUR/HOTEL - carousel*/
#carouselContainer {width:230px;float:left;clear:left;padding-top:15px;position:relative;}
#carouselContainer #placeholder {width:230px;height:130px;margin-bottom:7px;}
#carouselContainer .carousel_outer {width:230px;}
#carouselContainer .carousel_outer li img{width:52px;height:29px;margin:0 3px;cursor:pointer;}
#carouselContainer .next {position:absolute;bottom:15px;right:-12px;}
#carouselContainer .prev {position:absolute;bottom:15px;left:-10px;}

/*FICHE SEJOUR - details / SORTIR details*/
.sejourDescription , .locationDescription {width:340px;float:left;padding:13px 0 0 28px;}
	#ficheHotel .sejourDescription , .locationDescription  {float:right;}
.sejourDescription  dt , .locationDescription dt{color:#7b1b96;font-size:16px;padding-bottom:5px;}
.locationDescription dt {font-size:18px;}
.sejourDescription  dd.weekendType , dd.offerStatus {color:#f37011;font-size:12px !important;padding-bottom:5px;font-weight:bold;}
dd.typoStatus {font-weight:bold; text-transform : uppercase; padding-top:5px;}
.sejourDescription  dd.extras {color:#892aa4;font-weight:bold;padding:1px 0 1px 20px;background:url(/images/common/picto_extra.gif) no-repeat 0 center;}
.sejourDescription  dd , .locationDescription dd {font-size:11px;line-height:14px;padding-bottom:7px;text-align:justify;}
.locationDescription dd.price {width:140px;padding:2px 0;}

/*FICHE SEJOUR/HOTEL - Slider */
#detailSlider {padding:15px 0;clear:both;}
#detailSlider li {position:relative;width:100%;}
#detailSlider li h4 {cursor:pointer;font-weight:bold;/*to remove ?*/font-size:16px;background:#eaeaeb url(/images/common/sliderState.gif) no-repeat 99% 10px;padding:7px 0;border-bottom:4px solid #fff;text-indent:10px;width:100%;}
#detailSlider li h4.active {background-position:99% -19px;background-color:#d6d6d7}
#detailSlider li .contentSlider {padding:10px 0 0;background:#fff;}
#detailSlider li .contentSlider h5 {color:#801895;font-size:16px;margin:3px 0 9px;}
#detailSlider li .autoScrollBar {overflow-y:scroll;height:500px;overflow-x:hidden;}
	.contentSlider p {font-size:11px;line-height:14px;padding:0 10px 10px;}

/*SORTIR - Slider - sejours proposes*/
.tripSuggestions li {border-bottom:4px solid #eaeaeb;padding:9px 0 15px;color:#7b1b96;font-size:16px;}	
.tripSuggestions li a {float:right;}
	
/*FICHE SEJOUR - Slider - filtre hotels*/
.filterHotel {position:absolute;top:7px;right:40px;z-index:3;} 
	*+html .filterHotel {top:4px;} /*For IE7*/
.filterHotel label , .filterHotel a , .filterHotel select {font-size:11px;vertical-align:middle;}
.filterHotel select {margin-right:8px;}
.filterHotel a {padding:0 15px 0 5px;background:url(/images/common/sortByPrice.gif) no-repeat 100% 3px;}
.filterHotel a.sortDecrease {background-position:100% -10px;}
.filterHotel a:hover {text-decoration:underline;}

/*FICHE SEJOUR - Slider - liste hotels proposes / TOUS LES HOTELS*/ 
.accomodation {border-bottom:4px solid #eaeaec;margin-bottom:15px;padding-bottom:10px;width:100%;overflow:hidden;}
	#detailSlider .autoScrollBar .accomodation , #allHotels .allHotelsList  .accomodation , #detailSlider .autoScrollBar .prestaInclus   {width:570px;}
.accomodation dt {color:#801895;font-size:17px;padding:7px 0 5px;}
.accomodation dd.visu {float:left;width:172px;margin-bottom:55px;}
.accomodation dd.visu img {width:162px;height:92px;}
.accomodation dd.price {padding-right:0;font-size:13px !important;float:right;width:165px;text-align:right;}
.accomodation dd.price small {font-size:10px;}
.accomodation dd.price em {font-size:18px !important;color:#f26600;font-style:normal;margin-right:5px;}
.accomodation dd {font-size:11px;line-height:14px;}
.accomodation dd.dispoRoom {color:#f26600;padding-top:6px;}
.accomodation dd.links , .btn_download  {text-align:right;padding-top:12px;}
.accomodation dd.links a , .tripSuggestions li a , .btn_download a  , .createAccount a{margin-left:10px;color:#fff;text-transform:uppercase;padding:4px 10px 5px;font-size:11px;background-repeat:repeat-x;background-position:0 0;}
.accomodation dd.links a.moreInfo , .tripSuggestions li a , .btn_download a {background-image:url(/images/common/bg_btnLink_purple.gif);}
.accomodation dd.links a.chooseThis , .createAccount a{background-image:url(/images/common/bg_btnLink_green.gif);}

/*FICHE SEJOUR - Slider - inclus dans votre forfait*/
.prestaInclus {border-bottom:4px solid #eaeaec;margin-bottom:15px;padding-bottom:3px;width:100%;overflow:hidden;}
.prestaInclus dt {color:#801895;font-size:17px;padding:4px 0 5px;}
.prestaInclus dd.visu {float:left;width:172px;}
.prestaInclus dd.visu img {width:162px;height:110px;}
.prestaInclus dd {font-size:11px;line-height:14px;}
.prestaInclus dd.prestaForm {padding-top:7px;width:300px;float:left;}
.prestaInclus dd.prestaForm  p {padding:4px 0;width:300px;overflow:hidden;}
.prestaInclus dd.prestaForm  p .datePick {font-size:11px;width:120px;color:#565656;}
.prestaInclus dd.prestaForm  p label{float:left;width:130px;}
.prestaInclus dd.prestaForm  p select{font-size:11px;}
.prestaInclus dd.prestaForm  p .text {font-size:11px;width:120px;}

/*SORTIR A LONDRES - Calendrier des evenements*/
#eventCalendar {border-collapse:collapse;margin:0 0 15px 0;}
#eventCalendar th {text-align:center;background:url(/images/common/bg_dayEventCalendar.gif) repeat-x 0 0;height:21px;color:#fff;padding-top:3px;font-weight:bold;font-size:11px;}
#eventCalendar td {font-weight:bold;border-collapse:collapse;border:1px solid #ebebeb;width:78px;height:95px;background:#f5f5f6 url(/images/common/picto_eventCalendar.gif) no-repeat 5px 5px;text-align:right;padding:3px;}
#eventCalendar td.otherMonth {background:#fff;}
#eventCalendar td.hovered {background:#a9cc32;}
#eventCalendar td a {display:block;text-align:left;font-size:11px;padding:5px 0;font-weight:normal;}

#eventCalendar td.monthSelection {padding:5px 0 7px;font-size:18px;background:url(/images/common/bg_monthEventCalendar.gif) repeat-x 0 0;text-align:center;color:#fff;border:none;height:auto;width:auto;}
#eventCalendar td.monthSelection a {display:inline;margin:0 32px;color:#cecfd0;font-size:11px;}
#eventCalendar td.monthSelection a:hover {text-decoration:underline;}

/*WEEK END A THEMES*/
#themeWeekend h3 , #edito h3 , #formContact h3 , #londonBox h3  , #allHotels h3 , #outInLondon h3 , #account h3 {color:#8ec21d;font-size:25px;}
#themeWeekend ul , #account #accountHome{width:100%;background:url(/images/common/bg_bottomListWeekend.gif) repeat-x bottom left;}
#themeWeekend li , #accountHome li {float:left;width:149px;height:183px;margin-top:30px;border-bottom:4px solid #eaeaeb;}
#accountHome li {text-align:center;}
#themeWeekend li h4 , #accountHome li h4 {font-size:14px;padding-bottom:5px;}
#themeWeekend li span{display:block;width:137px;height:121px;background:url(/images/common/bg_visu_weekend.png) no-repeat 0 -2px;padding-left:2px;}
#themeWeekend li img  {width:130px;height:109px;cursor:pointer;}
#themeWeekend li a.price , #formResa  fieldset select , #formContact fieldset select , #londonBox dd select  {font-size:11px;}
#themeWeekend li a.price em{color:#f26600;font-size:17px;font-style:normal;}

/*LONDON BOX - MENU*/
#londonBox_menu {background:#a1d335 url(/images/searchBox/bg_searchBox.jpg) no-repeat 50% 100%;padding:0 0 5px;margin-bottom:10px;}
#londonBox_menu h2 {color:#fff;font-size:20px;padding:3px 0 3px 14px;background:url(/images/searchBox/bg_title_searchBox.jpg) repeat-x 0 0;}
#londonBox_menu ul {width:100%;overflow:hidden;padding:20px 0 42px;background:url(/images/searchBox/arrowDown.gif) no-repeat 15px 0;}
#londonBox_menu li {float:left;width:115px;margin:0 0 18px 20px;text-align:center;}
#londonBox_menu li.active { filter: alpha(opacity=50);  -moz-opacity: .4; opacity: .4;}
#londonBox_menu li.active a {cursor:default;}
#londonBox_menu li span {display:block;font-size:14px;padding-top:3px;color:#364b0a;}

/*LONDON BOX*/
#londonBox dl{padding-top:15px;width:100%;font-size:11px;line-height:14px;}
#londonBox dd.price{float:right;margin:0;width:65px;color:#f26600;text-align:center;font-size:22px;padding:5px 0;}
#londonBox dd.price small {color:#565656;display:block;font-size:10px;}
#londonBox dd.visu {float:left;margin:0 17px 10px 0;}
#londonBox dt {color:#7b1b96;padding:16px 0 10px;font-size:16px;}
#londonBox dd{margin:13px 0;}
#londonBox dd strong {font-size:14px;}
/*#londonBox dd input, #londonBox dd a {margin-left:15px;width: auto;overflow:visible;cursor:pointer;color:#fff;text-transform:uppercase;padding:3px 10px 3px;font-size:11px;background:url(/images/common/bg_btnLink_green.gif) repeat-x 0 0;border:none;}*/

/*TOUS LES HOTELS*/
#allHotels h3 small {color:#565656;font-size:12px;}
#allHotels .filter {background:#eaeaeb;text-align:right;padding:12px 15px 10px 15px;font-size:11px;margin:16px 0 12px;border:1px solid #acacac}
#allHotels .filter p span {float:left;font-size:17px;}
#allHotels .allHotelsList {height:700px;overflow-y:scroll;overflow-x:hidden;}

/*COULOIR RESA - FULL RECAP*/
#fullRecap {margin-bottom:6px;background:#dcdcdc url(/images/common/bg_fullRecap.png) repeat-y 0 0;padding:10px 15px 0;font-size:11px;}
#fullRecap h2 {color:#8828a3;display:block;font-size:21px;padding-bottom:15px;}
#fullRecap h3 , #formResa h3 , .detailedRecap h4  {font-size:16px;font-weight:bold;}
#fullRecap h3 em , #formResa h3 em , .detailedRecap h4 {display:block;font-style:normal;color:#7b1b96;font-weight:normal;font-size:15px;}
#fullRecap dl , .detailedRecap dl{margin:12px 0;}
#fullRecap dt , .detailedRecap dt{color:#7b1b96;font-weight:bold;font-size:12px;padding-bottom:2px;}
#fullRecap dd , .detailedRecap dd {padding:1px 0;}
#fullRecap .totalRecap {background:#eaeaeb;margin:0 -15px;padding:6px 0;text-indent:20px;font-size:16px;}
#fullRecap .totalRecap  strong , .totalPrice strong {color:#f26600;font-size:22px;font-weight:normal;margin-left:10px;}

/*COULOIR RESA - FIL ARIANNE RESA*/
#breadcrumbResa {width:100%;overflow:hidden;margin:23px 0;background-image:url(/images/common/sprite_breadcrumbResa.png);background-repeat: no-repeat; }
	.current1 {background-position:0 0 !important;}
	.current2 {background-position:0 -24px !important;}
	.current3 {background-position:0 -48px !important;}
    .current4 {background-position:0 -72px !important;}
    .current5 {background-position:0 -96px !important;}
#breadcrumbResa li {float:left;padding:6px 14px 5px;font-size:13px;}	
#breadcrumbResa li.current , #breadcrumbResa li.current a {color:#fff;}
.formSeparator , .formSeparatorSmall {display:block;background:#eaeaeb;height:4px;margin:10px 0 4px;clear:both;}
.formSeparatorSmall {height:1px;margin:10px 10px 4px;}

/*COULOIR RESA - FORMULAIRES - ETAPES 2 ET 3*/
#formResa h4{clear:both;margin:20px 0 8px; font-size:16px;font-weight:bold;background:#eaeaeb url(/images/common/sliderState.gif) no-repeat 99% -18px;padding:7px 0;text-indent:15px;}
#formContact  h4 {font-weight:bold;font-size:15px;margin:15px 0 25px;}
#formResa  fieldset , #formContact  fieldset {padding:0 0 2px 0;position:relative;}
#formResa  fieldset.cgv , #formContact  fieldset.cgv {border:solid #eaeaeb;border-width:4px 0;padding:4px 0 4px 20px;}
#formResa  fieldset p , #formContact  fieldset p {padding:4px 0;overflow:hidden;}
#formResa  fieldset p.additionalInfo {position:absolute;width:200px;font-size:11px;top:-7px;right:6px;line-height:14px;}
#formResa  fieldset label , #formContact  fieldset label {float:left;width:170px;padding:6px 0 0 20px;}
#formResa  fieldset .labelCheckbox , #formResa  fieldset .labelRadio , #formContact  fieldset .labelCheckbox  , #formContact  fieldset .labelRadio  {float:none;padding:0;width:auto;}
#formResa  fieldset .labelCheckbox a {text-decoration:underline;} #formResa  fieldset .labelCheckbox a:hover {text-decoration:none;}
#formResa  fieldset .text , #formContact  fieldset .text, #formResa  fieldset .address {color:#565656;font-size:11px;width:176px;}
#formResa  fieldset .address {width:350px;}
#formContact  fieldset textarea {width:315px;height:130px;color:#565656;font-size:11px;}
#formContact  .coord {line-height:14px;padding-left:19px;}
#formContact  .coord dt  {font-weight:bold;padding-bottom:5px;}
#formContact  .coord dd {padding:1px 0;}

/*COULOIR RESA - FORMULAIRES - ETAPE 1 */
#formResa  fieldset h5 {color:#7b1b96;font-size:18px;padding:5px 0;}
#formResa  .hotelRecap {width:100%;overflow:hidden;}
#formResa  .hotelRecap dt {color:#7b1b96;font-size:18px;}
#formResa  .hotelRecap dd.visu {float:left;margin:0 15px 50px 0;}
#formResa  .hotelRecap dd.visu img {width:230px;height:130px;}
#formResa  .hotelRecap dd.price{float:right;color:#f26600;font-size:22px;margin:0;padding:4px 6px 4px 0;}
#formResa  .hotelRecap dd.recapRoom {float:right;width:355px;}
#formResa  .hotelRecap dd.recapRoom  strong {color:#7b1b96;font-size:12px;}
#formResa  .hotelRecap dd {margin:7px 0;font-size:11px;line-height:13px;}

#formResa  fieldset.bigRadios p.selected {background:#f5f5f5;border:1px solid #dcdcdc;}
#formResa  fieldset.bigRadios .radio {float:left;margin-right:7px;}
#formResa  fieldset.bigRadios .labelRadio{float:left;width:485px;color:#7b1b96;font-size:16px;line-height:15px;}
#formResa  fieldset.bigRadios .labelRadio em {font-size:12px;padding-top:4px;float:right;width:100px;}
#formResa  fieldset.bigRadios .labelRadio small {color:#565656;font-size:11px;display:block;padding-top:2px;}
#formResa  fieldset.bigRadios .labelRadio small strong {color:#7b1b96;}
#formResa  fieldset.bigRadios .priceInfo {float:right;width:80px;margin-top:2px;color:#f26600;font-size:17px;text-align:center;}
#formResa  fieldset.bigRadios .priceInfo small {color:#565656;font-size:10px;display:block;}

#formResa .autoScrollBarResa {height:350px;overflow-y:auto;overflow-x:hidden;}
#formResa .autoScrollBarResa .accomodation {width:570px;}
#formResa .optionsDispo .resaOption {padding:8px 8px 8px 0;border-top:1px solid #eaeaeb;margin:20px 0 7px;clear:both;}
#formResa .datePick {font-size:11px;width:120px;color:#565656;}
#formResa  fieldset .labelRadio {font-size:11px;}
#formResa  fieldset .priceInfo  {color:#f26600;font-size:16px;}
#formResa  fieldset .priceInfo small {color:#565656;font-size:10px;}

#formResa .btn_reserver_total  {background:#eaeaeb;padding:6px 10px;font-size:16px;margin:25px 0 7px;overflow:hidden;font-weight:bold;}
#formResa .btn_reserver_total input , .resaOption  a.bookOption , .resaOption input.bookOption, .resaOption  a.chooseThis  {float:right;}
#formResa .btn_reserver_total strong , #formResa .priceForeach strong {color:#f26600;font-size:22px;padding-left:5px;font-weight:normal;}

#formResa .priceForeach {font-size:11px;padding-left:9px;line-height:17px;}
#formResa .priceForeach small {font-size:10px;}
#formResa .priceForeach strong {font-size:15px;}

/*#formResa #valid_coupon {background-image:url(/images/common/bg_btnLink_green.gif);}*/

.forgotten_pass {display:block;font-size:10px;text-decoration:underline;margin:3px 0 0 190px;}
.forgotten_pass:hover {text-decoration:none;} 

/*MON COMPTE - TABLEAU VOS RESERVATIONS*/
#allResa {border-collapse:collapse;width:565px;margin:20px 0;}
#allResa th {cursor:default !important;background:#9F9F9F;border:1px solid #9F9F9F;color:#fff;font-size:13px;padding:5px;vertical-align:middle;}
#allResa td {border:1px solid #9F9F9F;padding:12px 5px;}
#allResa tr {cursor:pointer;}
#allResa .active td {background:#efefef;}
#allResa td .slideState {display:block;width:12px;height:12px;background:url(/images/common/sliderState.gif) no-repeat 0 3px;margin:0 auto;}
#allResa .active td .slideState {background-position:0 -26px;}
#allResa .detailedRecap {cursor:default;}
#allResa .detailedRecap td {width:565px;border-width:0 1px;padding:0;}
#allResa .detailedRecap td.lastTd {border-bottom:1px solid #9F9F9F;}
#allResa .detailedRecap td .recapContainer {padding:13px 0 0 10px;}

.printLinks {width:100%;overflow:hidden;padding-bottom:10px;}
.printLinks a {cursor:pointer;float:left;margin-right:15px;background:url(/images/common/bg_btnLink_purple.gif) repeat-x 0 0;color:#fff;text-transform:uppercase;font-size:11px;padding:2px 7px;}

/*PAGE EDITO*/
#edito {line-height:17px;}
#edito h3 {margin-bottom:30px;}
#edito h4{font-size:14px;font-weight:bold;margin:10px 0;}
#edito p {margin:20px 0;}
#edito ul {margin:20px 0;clear:both;}
#edito li {padding:5px 0;text-indent:15px;background:url(/images/common/btn_next.gif) no-repeat 1px 10px}
#edito strong {color:#f37011;}
#edito a {text-decoration:underline;}
#edito a:hover ,  {text-decoration:none;}
.imgGauche {float:left;margin:0 15px 15px 0;}
.imgDroite {float:right;margin:0 0 15px 15px;}

/*LOADBOX*/
#loadBox {text-align:center;padding:30px 0;}
#loadBox p , #loadBox img {margin:10px 0;}

/*PAGINATION*/
.pagination {text-align:center;margin:15px 0;}
.pagination li {color:#7b1b96;font-weight:bold;display:inline;font-size:14px;}
.pagination li a {color:#7b1b96;font-size:14px;}
.pagination li a.current {color:#565656;}
.pagination li a:hover {text-decoration:underline;}

/*FOOTER*/
#footer {text-align:center;padding:20px 0;}
#footer li {display:inline;}
#footer li a {padding:0 3px;}
#footer li a:hover {text-decoration:underline;}


#footer2 {margin: 0 auto; width:955px; padding:10px; line-height: 1.5em; text-align: center;}
#footer2 a {text-decoration:underline;}
/*:::::::::::  Plugins  :::::::::::*/

/*POPIN*/
/* Overlay 
#simplemodal-overlay {background-color:#49535e;filter: alpha(opacity=80) !important; -moz-opacity: 0.8 !important;  opacity: 0.8 !important;}
*/
/* Container 
#simplemodal-container {height:320px; width:550px; background-color:#f8f8f8;border:2px solid #797979;}
#simplemodal-container a.modalCloseImg {background:url(../images/common/close_popin.gif) no-repeat; width:11px; height:13px; display:inline; z-index:13200; position:absolute; top:17px; right:21px; cursor:pointer;}
#simplemodal-container .alertBox {padding:10px 17px 0;line-height:17px;font-size:13px;}
#simplemodal-container .alertBox h5 {font-size:16px;font-weight:bold;background:#eaeaeb;padding:5px 0 5px 7px;margin-bottom:7px;}
#simplemodal-container .alertBox label {display:-moz-inline-box;display:inline-block;width:200px;margin:0 0 10px 60px;}
#simplemodal-container .alertBox input.text {color:#565656;font-size:11px;width:176px;}
#simplemodal-container .alertBox .btn_reserver {padding:10px 73px 10px 0;}
*/

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container { color:#bbb; background-color:#333; border:4px solid #444; }
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h5 {color:#84b8d9; font-size:16px;font-weight:bold; padding:5px 0 5px 7px;margin-bottom:7px;background:#eaeaeb}

#simplemodal-container .alertBox label {display:-moz-inline-box;display:inline-block;width:200px;margin:0 0 10px 60px;}
#simplemodal-container .alertBox input.text {color:#565656;font-size:11px;width:176px;}
#simplemodal-container .alertBox .btn_reserver {padding:10px 73px 10px 0;}


/*TOOLTIP*/
#tooltip {font-size:11px;line-height:14px;position: absolute;z-index:10;border: 1px solid #c3c2c2;background:#fff url(/images/common/bg_tooltip.png) repeat-x 0 0;padding: 7px;width:180px;}
#tooltip h3, #tooltip div { margin: 0; }

.tipServices {width:100px !important;text-align:center;}

/*DATEPICKER*/
table.jCalendar {border-collapse: separate;  border-spacing: 1px;}
table.jCalendar th { background: #77A119;color: #fff; font-weight: bold;	padding: 3px 5px;border:1px solid #eee;}
table.jCalendar td { background: #c0d397;color: #000;	padding: 3px 5px;text-align: center;border:1px solid #eee;}
table.jCalendar td.other-month { background: #c8d3af; color: #595959;}
table.jCalendar td.today {	background: #8ca15d;color: #fff;}
table.jCalendar td.today.dp-hover {background: #948f95;color: #fff;}
table.jCalendar td.selected {background: #833b98;color: #fff;}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {background: #8c6398;color: #fff;border:1px solid #8f8f8f;}
table.jCalendar tr.selectedWeek td {	background: #f66;color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background: #ced3c2;color: #aaa;border:1px solid #eee;}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {background: #bbb;	color: #888;}
/* For the popup */
div.dp-popup {position: relative;	background: #eee;border:1px solid #acacac;font-size: 10px;font-family: arial, sans-serif;	padding: 2px;width: 176px;line-height: 1.2em;}
	*+html div.dp-popup {width: 184px;} /*For IE7*/
div#dp-popup { position: absolute;z-index: 10000;}
div.dp-popup h2 {	font-size: 12px;text-align: center;	margin: 2px 0;	padding: 0;}
a#dp-close {	font-size: 11px;padding: 4px 0;	text-align: center;	display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {	position: absolute;	top: 2px;left: 4px;	width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/*Picto calendrier*/
a.dp-choose-date {float: left;width: 18px;height: 18px;padding: 0;margin: 1px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url(/images/common/picto_calendar.gif) no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
input.dp-applied {width: 140px;float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {	position: absolute;	top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {	cursor: default;}

.errors {color:#EE0101; padding-left:190px;}
.error_inline {color:#EE0101; font-weight:bold;}

.chapo {color:#F37011}
.mea {color:#7B1B96}
.pushBox ul {
    padding:5px 0 5px 10px;
}
#ficheSejour .contentSlider ul {
    padding : 5px 0 5px 30px;
}
.pushBox ul li, #ficheSejour .contentSlider ul li {list-style-type: circle;}

table.table_cgv td {border:1px groove black;}
h1 {font-size:140%;}