/*engine*/ #MoteurModule { background-color: #2E97D1; } #OuterMoteur { background: url(../images/moteurforfaitbg.png) no-repeat bottom left; z-index:10px; overflow: visible; width:640px; } /* Custom moteur */ #OuterMoteurusa { background: url(../images/moteurforfaitusa.jpg) no-repeat bottom left; z-index:10px; overflow: visible; width:640px; } #OuterMoteureurope { background: url(../images/moteurforfaiteurope_fr.jpg) no-repeat bottom left; z-index:10px; overflow: visible; width:640px; } #contenuMoteur {padding:0px 25px 0px 25px;} #contenuMoteur .TitleTop {border-bottom:1px solid #ffffff;padding:10px 0px 5px 0px; color:#ffffff; font-size:16px; font-weight: bold; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; text-shadow: 1px 1px 1px #000;} #line1 {position: relative; height:82px; z-index:10;} #line1 ul {list-style: none; margin: 0px; padding: 0px;} #line2 {height:30px; border-bottom:1px solid #ffffff; text-shadow: 1px 1px 1px #000;} #line3 {position: relative; height:82px; z-index:9; display:none;} #line3 ul {list-style: none; margin: 0px; padding: 0px;} #line4 {height:25px; border-bottom:1px solid #ffffff; display:none; text-shadow: 1px 1px 1px #000;} ul li.L1LI{list-style: none; margin:10px 10px 10px 0px; padding: 0px; float:left;} ul li.L1LICalendar, ul li.L1LICalendarHover{list-style: none; margin:10px 10px 10px 0px; padding: 0px; float:left;} .moteur.css3Button { padding:10px 0px 10px 15px; margin:0px; background: #2E97D1 url(../images/arrow-matrix.png) 150px -62px no-repeat; font-size:16px; width:171px; font-weight: bold;} li.L1LI:hover .moteur.css3Button, ul li.L1LICalendarHover .moteur.css3Button{color: #8ABC4A; background: #EBEBEB url(../images/arrow-matrix.png) 150px -102px no-repeat; padding:10px 0px 22px 15px;} .moteur.css3Button.Selected{color: #ffffff; background: #8ABC4A url(../images/arrow-matrix.png) 150px -22px no-repeat;} #contenuMoteur .SelectedValueTxt {float:left; width:195px; padding:0px 0px 0px 0px; color:#ffffff; font-size:14px; line-height:14px;} #contenuMoteur .SelectedValueTxtDate {float:left; width:130px; padding:0px 0px 0px 0px; color:#ffffff; font-size:14px; } /* SubMenu */ #contenuMoteur #FromSubMenu {position: absolute; top: 63px; left: 0px; z-index: 2;padding-top:0px; display:none;} #FromMenuButton:hover #FromSubMenu{display:block;} #contenuMoteur #ColumnSpacerFrom {width:175px; height:12px; background-color: #EBEBEB;} #contenuMoteur #DestSubMenu {position: absolute; top: 63px; left: 0px; z-index: 2;padding-top:0px; display:none;} #DestMenuButton:hover #DestSubMenu{display:block;} #contenuMoteur #ColumnSpacerDest {width:175px; height:12px; margin-left:188px; background-color: #EBEBEB;} #contenuMoteur #DateSubMenu {width:220px; position: absolute; top: 63px; left: 338px; padding-top:0px; display:none;} /*#DateMenuButton:hover #DateSubMenu{display:block;}*/ #HotelMenuButton:hover #HotelSubMenu{display:block;} #contenuMoteur #HotelSubMenu {position: absolute; top: 65px; left: 0px; z-index: 2;padding-top:0px; display:none;} #date_dep_calPCK_Div_container {height:175px;} #DateNumZone {padding: 0px 0px 10px 5px;} #contenuMoteur .SubMenu { padding:10px 10px 10px 10px; background-color: #EBEBEB; color:#000000; font-size:16px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 2px rgba(0,0,0,0.5); overflow: auto; width: 100%; text-indent:0px; } #contenuMoteur .ColumnL2 {margin: 0px; padding: 0px 30px 0px 0px; float:left; width:270px;} #contenuMoteur .ColumnL3 {margin: 0px; padding: 0px 10px 0px 0px; float:left; width:120px;} #contenuMoteur .L3DivZone { overflow: auto; width: 100%;} #contenuMoteur .ColumnL2 li {list-style: none; margin: 0px; padding: 0px 0px 5px 0px; width:270px;} #contenuMoteur .ColumnL3 li {list-style: none; margin: 0px; padding: 0px 0px 0px 0px; width:120px;} #AllDestRow {color:#2E97D1; font-size:12px; font-weight: bold; padding:5px 0px 5px 20px; cursor: pointer; background: url(../images/arrow-matrix.png) 0px -255px no-repeat;} #AllDestRow:hover {color:#8ABC4A;} #AllDestRow.Selected{color: #8ABC4A;} #contenuMoteur .L2li {border-top:1px solid #BABABA;} #contenuMoteur .L2Button {color:#2E97D1; font-size:12px; font-weight: bold; border-top:1px solid #ffffff; padding:5px 10px 5px 20px; cursor: pointer;} #contenuMoteur .L2Button:hover {color:#8ABC4A;} #contenuMoteur .L2Button.Selected{color: #8ABC4A;} #contenuMoteur .L3Button {margin: 0px; padding:1px 5px 1px 20px; background: #EBEBEB; font-size:12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; cursor: pointer;} #contenuMoteur .L3Button:hover{ background: #FAFAFA url(../images/arrow-matrix.png) 5px -155px no-repeat; } #contenuMoteur .L3Button.Selected{color: #ffffff; background-color: #8ABC4A;} /* options */ #optionsLine1 {border-bottom:1px solid #ffffff; height:110px; color:#ffffff; font-size:16px; font-weight: bold; position:relative; text-shadow: 1px 1px 1px #000;} #optionsLine2 {height:80px; color:#ffffff; font-size:16px; font-weight: bold; display:none; text-shadow: 1px 1px 1px #000;} #starRatingDiv {float:left; padding:10px 10px 10px 0px;} #durationDiv {float:left; padding:10px 10px 10px 0px;} #PriceMaxDiv {float:left; padding:10px 10px 10px 0px;} #TourOpdiv {float:left; padding:10px 10px 10px 0px;} #contenuMoteur #FlexibleDateDiv{float:right;} #contenuMoteur #FlexibleDateDiv a { color:#ffffff; } #contenuMoteur .formInputSelect { color:#000000; font-size: 16px; background-color: #D9D9D9; width:210px; } #allIncDiv {font-size:12px; position:absolute; top:41px; left:350px; width:240px;} #allIncDiv a{color:#ffffff;} #OptionPlus {font-size:12px; color:#ffffff; height:30px; width:400px; cursor:pointer; text-shadow: 1px 1px 1px #000;} /* slider */ #MoteurModule #durationDiv .slider { padding-top:0px; width: 200px; height: 32px; background: #D9D9D9; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 2px rgba(0,0,0,0.5); margin-bottom:20px; border:0px solid #ffffff; cursor:pointer; } #MoteurModule #durationDiv .slider .knob { background: url(../images/arrow-matrix.png) 14px 6px no-repeat; width: 45px; height: 28px; border:2px solid #B8B8B8; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #MoteurModule .updateVal { color:#ffffff; font-size:16px; font-weight: bold; } #MoteurModule .updateVal .nbr, #MoteurModule .updateVal .text { padding-top:0px; float:left; } /* Star rating */ #starRatingDiv .rating{ width:140px; height:32px; margin:0 0 20px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../images/star-matrix.png) no-repeat 0 0; } #starRatingDiv .nostar {background-position:0 0} #starRatingDiv .onestar {background-position:0 -32px} #starRatingDiv .twostar {background-position:0 -64px} #starRatingDiv .threestar {background-position:0 -96px} #starRatingDiv .fourstar {background-position:0 -128px} #starRatingDiv .fivestar {background-position:0 -160px} #starRatingDiv ul {margin:0px;padding:0px;} #starRatingDiv ul.rating li { margin:0px;padding:0px; cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; } #starRatingDiv ul.rating li a { position:absolute; left:0; top:0; width:28px; height:32px; text-decoration:none; z-index: 3; } #starRatingDiv ul.rating li.one a {left:0} #starRatingDiv ul.rating li.two a {left:28px;} #starRatingDiv ul.rating li.three a {left:56px;} #starRatingDiv ul.rating li.four a {left:84px;} #starRatingDiv ul.rating li.five a {left:112px;} #starRatingDiv ul.rating li a:hover { z-index:2; width:140px; height:32px; overflow:hidden; left:0; background: url(../images/star-matrix.png) no-repeat 0 0 } #starRatingDiv ul.rating li.one a:hover {background-position:0 -192px;} #starRatingDiv ul.rating li.two a:hover {background-position:0 -224px;} #starRatingDiv ul.rating li.three a:hover {background-position:0 -256px} #starRatingDiv ul.rating li.four a:hover {background-position:0 -288px} #starRatingDiv ul.rating li.five a:hover {background-position:0 -320px} /* Price Max */ #PriceMaxDiv .rating{ width:110px; height:32px; margin:0 0 0px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../images/price-matrix.png) no-repeat 0 0; float:left; } #PriceMaxDiv .updateVal {float:left; padding: 5px 0px 0px 5px;} #PriceMaxDiv .noprice {background-position:0 0} #PriceMaxDiv .oneprice {background-position:0 -32px} #PriceMaxDiv .twoprice {background-position:0 -64px} #PriceMaxDiv .threeprice {background-position:0 -96px} #PriceMaxDiv .fourprice {background-position:0 -128px} #PriceMaxDiv .fiveprice {background-position:0 -160px} #PriceMaxDiv ul {margin:0px;padding:0px;} #PriceMaxDiv ul.rating li { margin:0px;padding:0px; cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; } #PriceMaxDiv ul.rating li a { position:absolute; left:0; top:0; width:22px; height:32px; text-decoration:none; z-index: 3; } #PriceMaxDiv ul.rating li.one a {left:0} #PriceMaxDiv ul.rating li.two a {left:22px;} #PriceMaxDiv ul.rating li.three a {left:44px;} #PriceMaxDiv ul.rating li.four a {left:66px;} #PriceMaxDiv ul.rating li.five a {left:88px;} #PriceMaxDiv ul.rating li a:hover { z-index:2; width:110px; height:32px; overflow:hidden; left:0; background: url(../images/price-matrix.png) no-repeat 0 0 } #PriceMaxDiv ul.rating li.one a:hover {background-position:0 -192px;} #PriceMaxDiv ul.rating li.two a:hover {background-position:0 -224px;} #PriceMaxDiv ul.rating li.three a:hover {background-position:0 -256px} #PriceMaxDiv ul.rating li.four a:hover {background-position:0 -288px} #PriceMaxDiv ul.rating li.five a:hover {background-position:0 -320px} h3{margin:0 0 2px 0;font-size:110%} /* submit */ #SubmitLine {height:44px; background-color: #D9D9D9; width:100%;} #SubmitLine .Init {float:left; font-size:18px; font-weight: bold; color:#000000; cursor:pointer; padding:10px 0px 10px 20px;} #SubmitLine .Init:hover {color:#8ABC4A;} #SubmitLine .SubmitButtonDiv {float:right; padding:10px 20px 10px 0px;} #SubmitLine .SubmitButtonDiv a {padding:13px 0px 10px 60px; background: url(../images/arrow-matrix.png) 0px -190px no-repeat;} .TFWSubmitButtonHref.disabled {font-size:18px; font-weight: bold; color:#888888;} .TFWSubmitButtonHref.active {font-size:18px; font-weight: bold; color:#000000; cursor:pointer;} .TFWSubmitButtonHref.active:hover {color:#8ABC4A;} /* loading */ .LoadingOption-false{padding-top:44px; padding-bottom:44px;} .LoadingOption-true{padding-top:98px; padding-bottom:97px;} /* #main-shift, div.mainmiddle-wrapper-m div.contentright-bg, #mainmiddle, #content-shift, .float-left { overflow:visible; }*/