/* SELECTOUR - CSS styles by NVN Studios */ * {margin:0; padding:0; border:0;} :focus {-moz-outline-style:none;} body {font-family: Arial, Helvetica, Verdana, sans-serif; margin:0 auto; font-size:1em; font-size:80%; background:#eff2f8; color:#171717; line-height:1.3em; letter-spacing:0.01em;} h4 {font-weight:normal;} ul {list-style-type:none;} a {text-decoration:none; color:#385278;} a:hover {color:#171717;} select, input {border:1px solid #BACBF4; font-size:12px; height:auto; margin-right:2px; padding:2px;} option {padding-right:7px;} button {border:1px solid #3a4d69; height:23px;} button.ok {background:url(../css_imgs/button_ok.png) top no-repeat; border:0; text-indent:-9999px; width:28px; height:22px; position:relative; top:1px;} button.ok:hover {background-position:left center;} button.ok:focus {background-position:left bottom;} .optionGroup {background-color: #E2E5E9;font-weight: bold;} /* HEADER STYLES */ div.header {margin:auto; text-align:center; width: 980px;} div.header a.trouvez { float: right; margin-right: 10px; margin-top: 11px; font-style: italic; text-decoration: underline; font-size: 14px; background: url(../css_imgs/trouvez.png) left top no-repeat; padding-left: 18px; color: #405785} div.header a.trouvez:hover { color: #0e2f66; background-position: left -19px; } div.header form#news-form { background: #f9f9f8; float: right; width: 119px; padding-right: 37px; height: 23px; border: 1px solid #b6ccf5; margin-top: 5px; overflow: hidden;} div.header input#newsletter { float: left; font-style: italic; color: #385278; font-family: Arial; font-size: 14px; height: 18px; padding-top: 4px; background: transparent; margin-left: 4px; width: 115px; border: 0;} div.header input.submit { width: 32px; height: 20px; background: url(../css_imgs/newsletter-ok.png) no-repeat; border: 0; text-indent: -9999px; position: relative; cursor: pointer; top: -23px; left: 80px;} div.header_top { width: 966px; float: left;} ul#html_menu { clear: both; width:948px; height:126px; margin:auto; font-family:Arial; font-size:1em; clear: both; margin: 12px 0px 0px 14px; float: left; display: inline;} ul#html_menu a {text-decoration:none; color:#000;} ul#html_menu a:hover {text-decoration:underline;} ul#html_menu li {float:left; text-align:center; width: 77px; background: url(../css_imgs/sprite-rubrique.png) no-repeat; } ul#html_menu li a { padding-top: 65px; color: #204d9c; display: block; line-height: 13px;} ul#html_menu li.home { text-indent: -9999px; width: 244px; height: 126px; background: url(../css_imgs/selectour_logo.png) no-repeat; position: relative; top: -20px;} ul#html_menu li.home a { padding-top: 0; height: 243px; height: 117px;} ul#html_menu li.sejour { background-position: 2px top } ul#html_menu li.voltrain { background-position: -75px top} ul#html_menu li.circuit { background-position: -147px top} ul#html_menu li.croisiere { background-position: -220px top} ul#html_menu li.thalasso { background-position: -303px top} ul#html_menu li.location { background-position: -382px top} ul#html_menu li.hotel { background-position: -453px top} ul#html_menu li.vdm { background-position: -522px top; margin-right: 10px} ul#html_menu li.promotions { background-position: -584px top} ul#html_menu li.vdm a, ul#html_menu li.promotions a { color: #de3b0c;} ul#sub_menu { clear: both; float: left; margin-left: 276px; position: relative; top: -25px; margin-bottom: -35px; width: 690px; display: inline; } ul#sub_menu li { float: left; margin-right: 8px; border-right: 1px solid #f57200; padding-right: 8px; height: 13px; line-height: 15px} ul#sub_menu li a { font-size: 12px; position: relative; top: -1px;} ul#sub_menu li a:hover { text-decoration: underline;} ul#sub_menu li.coeur { border-right: 0;} div.header ul#sub_menu li.coeur a { color: #de3b0c; background: url(../css_imgs/petit_coeur.png) left no-repeat; padding-left: 17px} div.header ul#sub_menu li { border-right-color: #f57200} div.header ul#sub_menu li a { color: #f57200} div.header.sejour ul#html_menu li.sejour a { color: #f57200; font-weight: bold;} div.header.sejour ul#sub_menu li a { color: #f57200} div.header.voltrain ul#html_menu li.voltrain a { color: #f57200; font-weight: bold;} div.header.voltrain ul#sub_menu li a { color: #f57200} div.header.circuit ul#html_menu li.circuit a { color: #f57200; font-weight: bold;} div.header.circuit ul#sub_menu li a { color: #f57200} div.header.croisiere ul#html_menu li.croisiere a { color: #f57200; font-weight: bold;} div.header.croisiere ul#sub_menu li a { color: #f57200} div.header.thalasso ul#html_menu li.thalasso a { color: #f57200; font-weight: bold;} div.header.thalasso ul#sub_menu li a { color: #f57200} div.header.location ul#html_menu li.location a { color: #f57200; font-weight: bold;} div.header.location ul#sub_menu li a { color: #f57200} div.header.hotel ul#html_menu li.hotel a { color: #f57200; font-weight: bold;} div.header.hotel ul#sub_menu li a { color: #f57200} div.header.vdm ul#html_menu li.vdm a, div.header.promotions ul#html_menu li.promotions a { font-weight: bold;} div.header ul#sub_menu li.coeur a { color: #de3b0c; background: url(../css_imgs/petit_coeur.png) left no-repeat; padding-left: 17px} li.menuoff {color:#000000;} li.menuon {background-color:#000000;} div.diapo {margin:auto; text-align:center; overflow:hidden; height:316px; position:relative; z-index:1; float: left; clear: both; width: 980px;} #altDiapo {margin:auto; text-align:center; overflow:hidden; height:316px; position:relative; z-index:1; top:5px;} /* ALL ELEMENTS STYLES */ div.heavy {margin:auto; width:980px;} div.container {width:980px; background:url(../css_imgs/back.png) repeat-y; position:relative; float:left; margin-bottom:-38px;} div.container h1.phrase {font-size:18px; letter-spacing:0.025em; text-align:center; margin-top:10px; color:#26519b; font-weight:normal; margin-bottom:10px;} div.nodiapo {background:url(../css_imgs/haut-site.png) no-repeat; width:980px; height:22px; float:left; position:relative; z-index:1; } div.columnLeft {width:209px; float:left; margin-right:24px; margin-left:25px; display:inline;} div.columnCenter {width:450px; float:left; margin-right:24px; display:inline;} div.columnCenter table.selection-table img {height:215px; width:215px; margin:5px; float:left;} div.columnCenter table.selection-table {border-top:1px solid white;} div.columnCenter h2 {font-family:Georgia, serif; color:#26468A; font-size:1.3em; padding-bottom:3px; letter-spacing:0.02em; font-style:italic; border-bottom:1px solid #a9b5df; font-weight:normal;} div.columnRight {float:left;} a.arrow_up, a.arrow_down {width:209px; height:15px; display:block; text-align:center; text-indent:-9999px; margin:auto;} a.arrow_up {background:url(../css_imgs/sprite_icons.png) no-repeat center -260px;} a.arrow_up:hover {background:url(../css_imgs/sprite_icons.png) no-repeat center -218px;} a.arrow_down {background:url(../css_imgs/sprite_icons.png) no-repeat center -349px; margin-top:9px;} a.arrow_down:hover {background:url(../css_imgs/sprite_icons.png) no-repeat center -308px;} div.outliner {border:1px solid #dfdfdf; padding:1px; float:left;} div.outliner img {float:left; border:1px solid #bfbfbf; margin:2px;} div.outliner img Gold a#prev, a#next {display:block; float:left; height:19px; text-indent:-2000px; overflow:hidden; width:10px;} a#prev {background:url(../css_imgs/arrow-left.gif) left top no-repeat;} a#prev:hover {background-position:left bottom;} a#next {background:url(../css_imgs/arrow-right.gif) left top no-repeat;} a#next:hover {background-position:left bottom;} /* BUTTONS CLASSES */ a.button, a.button:link, a.button:visited {background:transparent url(../css_imgs/sprite_button.png) no-repeat; color:#ffffff; cursor:pointer; float:right; height:24px; line-height:24px; padding-left:12px; white-space:nowrap;} a.button strong {background:transparent url(../css_imgs/sprite_button.png) no-repeat right -43px; display:block; font-weight:normal; height:24px; padding-right:15px; width:auto; letter-spacing:0.05em; font-size:12px; font-family:Arial;} a.buttonBlue, a.buttonBlue:link, a.buttonBlue:visited {background-position:-333px -295px; margin-top:3px; float:left;} a.buttonBlue:hover {background-position:-333px -323px;} a.buttonBlue:hover strong {background-position:right -71px;} a.buttonBlue:active {background-position:-333px -351px;} a.buttonBlue:active strong {background-position:right -99px;} a.buttonSilver, a.buttonSilver:link, a.buttonSilver:visited {background-position:-333px -379px; margin-top:3px; float:left; color:#3f6293; margin:0 0 6px 15px;} a.buttonSilver strong, a.buttonSilver:link strong, a.buttonSilver:visited strong {background-position:right -127px;} a.buttonSilver:hover {background-position:-333px -407px;} a.buttonSilver:hover strong {background-position:right -155px;} a.buttonSilver:active {background-position:-333px -435px;} a.buttonSilver:active strong {background-position:right -183px;} a.buttonBlue, a.buttonBlue:link, a.buttonBlue:visited {background-position:-333px -295px; margin-top:3px; float:left;} a.buttonBlue:hover {background-position:-333px -323px;} a.buttonBlue:hover strong {background-position:right -71px;} a.buttonBlue:active {background-position:-333px -351px;} a.buttonBlue:active strong {background-position:right -99px;} a.buttonGold, a.buttonGold:link, a.buttonGold:visited {background-position:-333px -463px; margin-top:3px; float:left; color:#021125; } a.buttonGold strong, a.buttonGold:link strong, a.buttonGold:visited strong {background-position:right -211px;} a.buttonGold:hover {background-position:-333px -491px;} a.buttonGold:hover strong {background-position:right -239px;} a.buttonGold:active {background-position:-333px -519px; color:#B98437; text-shadow:0 -1px 0 #F8E9CC;} a.buttonGold:active strong {background-position:right -267px;} a.buttonBigGold, a.buttonBigGold:link, a.buttonBigGold:visited {background-position:-308px -1045px; margin-top:3px; float:left; color:#021125;line-height:36px;padding-left:21px;height:39px;} a.buttonBigGold strong, a.buttonBigGold:link strong, a.buttonBigGold:visited strong {background-position:right -1194px; height: 37px; text-shadow:0 1px 0 #EEEEEE; padding-right:26px;font-size:19px;color:#212e3e;} a.buttonBigGold:hover {background-position:-308px -1095px;} a.buttonBigGold:hover strong {background-position:right -1244px;} a.buttonBigGold:active {background-position:-308px -1145px; color:#B98437; text-shadow:0 -1px 0 #F8E9CC;} a.buttonBigGold:active strong {background-position:right -1294px; height:39px; color:#B98437; text-shadow:0 -1px 0 #F8E9CC;} a.buttonBigBlue, a.buttonBigBlue:link, a.buttonBigBlue:visited { background-position:-308px -1344px; color:#FFFFFF; height:36px; line-height:37px; margin-top:3px; padding-left:16px; } a.buttonBigBlue strong, a.buttonBigBlue:link strong, a.buttonBigBlue:visited strong { background-position:right -1493px; color:#FFFFFF; font-size:16px; height:37px; padding-right:21px; text-shadow:0 1px 0 #39455B; } a.buttonBigBlue:hover {background-position:-308px -1394px;} a.buttonBigBlue:hover strong {background-position:right -1543px} a.buttonBigBlue:active {background-position:-308px -1444px; color:#fff} a.buttonBigBlue:active strong {background-position:right -1593px; height:39px; color:#fff; } a.buttonBlueSmall, a.buttonBlueSmall:link, a.buttonBlueSmall:visited {background-position:-333px -631px; float:left; height:19px;} a.buttonBlueSmall strong, a.buttonBlueSmall:link strong, a.buttonBlueSmall:visited strong {background-position:right -700px; height:19px; line-height:18px;} a.buttonBlueSmall:hover {background-position:-333px -652px;} a.buttonBlueSmall:hover strong {background-position:right -721px;} a.buttonBlueSmall:active {background-position:-333px -673px;} a.buttonBlueSmall:active strong {background-position:right -742px;} a.buttonSilverSmall, a.buttonSilverSmall:link, a.buttonSilverSmall:visited {background-position:-333px -766px; float:left; color:#000000; margin:0 0 6px 15px; height:19px;} a.buttonSilverSmall strong, a.buttonSilverSmall:link strong, a.buttonSilverSmall:visited strong {background-position:right -835px; height:19px; line-height:19px; font-size:11px; letter-spacing:0;} a.buttonSilverSmall:hover {background-position:-333px -787px;} a.buttonSilverSmall:hover strong {background-position:right -856px;} a.buttonSilverSmall:active {background-position:-333px -808px;} a.buttonSilverSmall:active strong {background-position:right -877px;} a.buttonSilverSmall.down, a.buttonSilverSmall.down:link, a.buttonSilverSmall.down:visited, a.buttonSilverSmall.up, a.buttonSilverSmall.up:link, a.buttonSilverSmall.up:visited {background-position:-333px -921px; float:left; color:#ffe6be; margin:0 0 6px 15px; height:19px; padding-left:6px;} a.buttonSilverSmall.down strong, a.buttonSilverSmall.down:link strong, a.buttonSilverSmall.down:visited strong {background-position:right -966px; height:19px; line-height:20px; padding-right:24px;} a.buttonSilverSmall.up strong, a.buttonSilverSmall.up:link strong, a.buttonSilverSmall.up:visited strong {background-position:right -987px; height:19px; line-height:20px; padding-right:24px;} ul.destination li {float:left; padding:2px 4px 2px 4px; margin-right:10px; border-top:1px solid transparent;} ul.destination li a {padding-left:20px; display:block; height:16px; line-height:18px;} ul.destination li:hover {background:#e2e7eb; border-top:1px solid #aebcca;} ul.destination li.buttonMap a {background:url(../css_imgs/icon-map.png) no-repeat;} ul.destination li.buttonWeather a {background:url(../css_imgs/icon-weather.png) no-repeat;} ul.destination li.buttonInfos a {background:url(../css_imgs/icon-info.png) no-repeat;} /* columnLeft STYLES */ div.search {background:#f5f5f4; width:209px; border:1px solid #e3e3e2; float:left; padding-bottom:10px;} div.search div.top {color:#26468a; background:url(../css_imgs/bk-bloc-bg.png) repeat-x; padding:11px 0 0 15px; font-size:16px; height:30px; font-family:Georgia; font-style:italic; border-bottom:1px solid #fff; text-transform:capitalize;} div.search.selection {border:0; margin-top:10px; float:left;} div.search.selection div.top {line-height:20px; height:20px; padding-top:5px;} div.search input {height:15px; padding:4px 0 0 4px; border:1px solid #bacbf4; width:188px; font-size:12px;} div.search input.calendar {background:url(../css_imgs/searchCalendar.gif) right no-repeat #fff; font-size:11px; padding-top:3px; height:18px;} div.search input#Promotion { width: auto; float: left; margin-right: 4px;} div.search select {border:1px solid #bacbf4; height:auto; width:200px; font-size:12px; margin-right:3px; padding:2px;} div.search select#budget {letter-spacing:-1px; width:200px; } div.search select#duration {width:200px;} div.search fieldset {margin-top:10px; font-size:11px; padding-left:5px;} div.search fieldset legend {font-size:11.5px;} div.search fieldset.half {width:92px; float:right; padding-left:0;} div.search fieldset.cbx_zone input { float:right; margin-right:90px; margin-top:-15px; _margin-top:-25px; width:auto; height:auto; border:1px solid #BACBF4; padding:0px; } div.search fieldset.half.first {padding-left:7px; float:left; clear:both;} .search fieldset { font-size:11px; padding:0 0 6px; clear:both; } .search fieldset legend {font-size:11px;} .search fieldset.half { height:40px; clear:none; width:92px; float:right;} .search fieldset.first {clear:none; float:left;} div.search fieldset.half.first select {} div.search fieldset.half input, div.search fieldset.half select {width:95px;} div.search a.buttonBlue {margin-left:60px; margin-top:15px;} div.keyword {width:191px; height:79px; background:url('../css_imgs/sprite_column.png') 0px -81px no-repeat; padding:10px 5px 10px 15px; float:left; margin-bottom:10px;} div.keyword input.text2 {width:170px; height:26px; border:1px solid #d6e6f4; font-size:18px; color:#777; font-weight:100; padding:3px 0 0 5px;} div.keyword span.legend {letter-spacing:0.02em; font-style:italic; font-size:9px; color:#7e7e7e;} div.keyword a {margin-left:50px;} div.tools {width:211px; margin-top:10px; float:left; font-family:Verdana,sans-serif;} div.tools h3 {height:32px; text-indent:20px; border:0; line-height:0px; text-align:left;} div.tools h3.historique {background:url(../css_imgs/sprite_column.png) no-repeat;} div.tools h3.favoris {background:url(../css_imgs/sprite_column.png) 0px -32px no-repeat;} div.tools h3.comparateur {background:url(../css_imgs/sprite_column.png) 0px -32px no-repeat; position:relative;} div.tools h3 a {font-family:"Lucida Grande"; font-weight:normal; text-decoration:none; color:#555; display:block; position:relative; top:12px; left:15px; text-indent:-10px;} div.tools h3 a:hover {color:#000;} div.tools #accordion a.icon:hover {color:#000;} div.tools h3.historique a.icon {background:url(../css_imgs/sprite_icons.png) -4px -23px no-repeat; color:#555;} div.tools h3.favoris a.icon {background:url(../css_imgs/sprite_icons.png) -4px -62px no-repeat; color:#555;} div.tools h3.comparateur a.icon {background:url(../css_imgs/sprite_icons.png) -4px -100px no-repeat; color:#555;} div.tools div.historique hr {background:#dfdfdf; height:1px;} div.tools div.end {width:100%; height:9px; background:url(../css_imgs/sprite_column.png) 0px -64px no-repeat;} div.tools div.interieur {overflow:hidden; background:#fff; border:1px solid #dfdfdf; padding:0; font-size:12px; padding-bottom: 10px;} div.tools div.interieur div.shadow {width:209px; height:4px; background:url(../css_imgs/sprite_column.png) 0px -73px repeat-x;} div.tools div.interieur div.shadow_bottom {width:209px; background:url(../css_imgs/sprite_column.png) 0px -77px repeat-x; height:5px; margin-bottom:-20px;} div.tools div.interieur.historique h4 {font-size:1em; padding:8px 0 6px 16px; color:#868686; width:170px;} div.tools div.interieur.historique ul {padding-bottom:10px;} div.tools div.interieur.historique ul li { padding:4px 0px 4px 10px;} div.tools div.interieur.historique ul a {color:#34679b; text-decoration:none; line-height:12px; font-size:0.95em;} div.tools div.interieur.historique ul a:hover {text-decoration:underline;} div.tools div.interieur.historique #historyScroll {overflow:hidden;} div.tools #historique-content {display:none;} div.tools div.comparateur a.buttonBlueSmall {margin:5px 120px 0px 65px;} div.tools div.favoris a.buttonBlueSmall {margin:5px 120px 5px 25px;} div.tools div.comparateur a.buttonSilverSmall {margin:5px 90px 25px 40px;} div.action {text-align:center; margin:7px 0 8px 0;} div.action a {text-decoration:none; color:#505050; font-size:0.8em;} div.action a:hover {color:#000;} div.action a.afficher_tout {border-right:1px solid #666; padding-right:7px;} div.search a.search-btn-weather {float:left; width:205px; height:44px; background:url(../css_imgs/sprite-search-btn.png) -3px -6px no-repeat; text-indent:-9999px; margin:12px 0 0 4px;} div.search a.search-btn-flight {float:left; width:205px; height:44px; background:url(../css_imgs/sprite-search-btn.png) -3px -56px no-repeat; text-indent:-9999px; margin:8px 0 0 4px;} div.search a.search-btn-time {float:left; width:205px; height:44px; background:url(../css_imgs/sprite-search-btn.png) -3px -108px no-repeat; text-indent:-9999px; margin:8px 0 0 4px;} div.search div.destination-container {float:left; width:212px; margin-top:8px; background:url(../css_imgs/search-destination.png) top no-repeat;} div.search div.destination-container-end {clear:both; background:url(../css_imgs/search-destination.png) bottom no-repeat; width:212px; height:15px; float:left;} div.search div.languette {width:67px; height:31px; float:left; background:url(../css_imgs/languette.png) no-repeat; position:relative; top:50px; left:-62px; margin-right:-80px; z-index:1002; cursor:pointer;} div.search-box.flytimeinfo div.languette {background-position:0 -31px;} div.search-box.timeinfo div.languette {background-position:0 -62px;} div.search div.search-box {float:left;} div.search div.search-box table.container-box {position:relative; z-index:1000;} div.search div.search-box table.container-box td.topleft {background:url(../css_imgs/rounded-white.png) 0 0 no-repeat; width:10px; height:20px; float:left;} div.search div.search-box table.container-box td.top {background:url(../css_imgs/rounded-white.png) 0 -40px repeat; width:20px; height:20px;} div.search div.search-box table.container-box td.topright {background:url(../css_imgs/rounded-white.png) -30px 0 no-repeat; width:10px; height:20px; float:left;} div.search div.search-box table.container-box td.contentleft {background:url(../css_imgs/rounded-white.png) 0 -80px repeat; width:10px; height:20px;} div.search div.search-box table.container-box td.content {background:#fff;} div.search div.search-box table.container-box td.contentright {background:url(../css_imgs/rounded-white.png) -30px -80px no-repeat; width:10px; height:20px;} div.search div.search-box table.container-box td.bottomleft {background:url(../css_imgs/rounded-white.png) 0 -30px repeat; width:20px; height:10px;} div.search div.search-box table.container-box td.bottom {background:url(../css_imgs/rounded-white.png) 0 -70px repeat; width:20px; height:10px;} div.search div.search-box table.container-box td.bottomright {background:url(../css_imgs/rounded-white.png) -30px -30px no-repeat; width:10px; height:10px;} div.search div.search-box h3 {color:#71b0b3; font-family:Georgia; font-style:italic; float:left; width:auto; text-align:left; margin:3px 0 0 10px; clear:both; position:relative; left:-5px;} div.search div.search-box.flytimeinfo h3 {color:#f4ba4c;} div.search div.search-box.timeinfo h3 {color:#962727;} div.search div.search-box div.topbox {background:url(../css_imgs/search-box-top.png) center bottom no-repeat #fff; width:100%; height:25px; float:left; position:relative; top:-10px; margin-bottom:-10px;} div.search div.search-box div.bottombox {background:green; width:100%; height:31px; float:left;} div.search div.search-box div.contentouliner {} div.search div.search-box div.contentouliner div.leftoutliner {width:3px; height:100%; background:purple; float:left;} div.search div.search-box div.content-inline {background:url(../css_imgs/search-box-content.png) repeat-x bottom #fff; float:left; padding:8px; width:300px;} div.search div.search-box a.close {background:url(../css_imgs/search-box-close.png) no-repeat; float:right; width:14px; height:14px; text-indent:-9999px; margin:4px 4px 0 0; position:relative; left:5px; overflow:hidden;} div.search div.search-box a.close:hover {background-position:0 -14px;} div.search div.meteoinfo {float:left; position:relative; top:-190px; left:240px; margin-bottom:-1000px; display:none;} div.search div.flytimeinfo {float:left; position:relative; top:-138px; left:240px; margin-bottom:-1000px; display:none;} div.search div.timeinfo {float:left; position:relative; top:-87px; left:240px; margin-bottom:-1000px; display:none;} div.search table.table-weather {color:#585858; float:left; width:400px;} div.search table.table-weather td {border-right:1px solid #d5d8d9; border-bottom:1px solid #d5d8d9; padding:3px; text-align:center; color:#2e405f; vertical-align:middle;} div.search table.table-weather td.first {width:132px; float:left; font-family:Georgia; font-style:italic; border-left:1px solid #d5d8d9; text-align:left; color:#585858; text-indent:4px;} div.search table.table-weather td.second {width:45px;} div.search table.table-weather td.third {width:45px;} div.search table.table-weather td.fourth {width:45px;} div.search table.table-weather td.fifth {width:45px;} div.search table.table-weather td.sixth {width:45px;} div.search table.table-weather td.first-other {border-left:1px solid #d5d8d9;} div.search table.table-weather td.second-other {font-family:Georgia; font-style:italic; text-align:left; color:#585858; text-indent:4px;} div.search table.table-weather td.spacer {border-right:0;} div.search table.table-weather a.previous {text-indent:-9999px; float:left; background:url(../css_imgs/table-weather-arrows.png) no-repeat; height:8px; width:7px; margin-top:4px; margin-top:13px; overflow:hidden;} div.search table.table-weather div.month {float:left; width:110px; text-align:center;} div.search table.table-weather a.next {text-indent:-9999px; float:right; background:url(../css_imgs/table-weather-arrows.png) 0 -8px no-repeat; height:8px; width:7px; margin-top:13px; overflow:hidden;} div.search table.table-weather tr.line1 td.first {border-left:1px solid #fff; text-align:center; height:35px; line-height:35px;} div.search table.table-weather tr.line1 td {font-style:italic; font-family:Georgia; color:#585858;} div.search div.search-box a.buttonBlueSmall {margin:inherit; margin:15px 0 0 0; float:right} div.search div.search-box a.buttonSilverSmall {margin:15px 0 0 0;} div.search div.search-box a.buttonBlueSmall strong {letter-spacing:0; font-size:10px;} div.search div.search-box input.input-amount {background:transparent; border:0; color:#2e405f; font-weight:bold;} div.search div.search-box p.slider {margin:10px 0; text-align:center;} #time-range {margin:5px 17px 0 10px;} div.note-mini {text-indent:28px; margin:7px 0 0px 0; float:left;} div.note-mini-rating {margin:7px 0 0 55px; float:left; display:inline;} /* columnCenter STYLES */ div.produit {float:left; border-top:1px solid #fff;} div.coeur {background:url(../css_imgs/coeur.png) left no-repeat; position:absolute; width:36px; height:37px;} div.produit div.left, div.produit div.center, div.produit div.right {height:200px; float:left; display:inline;} div.produit div.left {width:8px; background:url(../css_imgs/sprite_column.png) 0px -415px no-repeat;} div.produit div.center {width:414px; background:url(../css_imgs/sprite_column.png) 0px -219px repeat-x; padding:17px 10px 0px 10px; float:left; height:180px;} div.produit div.center div.offer {float:left; width:302px; overflow:hidden; height:90px;} div.produit div.center div.price {float:right; width:100px;} div.produit div.center div.price h5 {float:right; height:20px; position:relative;} div.produit div.center div.price h5.oldprice {text-align:right; top:-9px; width:100px;} div.produit div.center div.price h5.oldprice a {font-size:21px;} div.produit div.center p.note {position:relative; width:90px; height:31px; left:315px; top:52px;} div.produit div.center p.note0 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -300px;} div.produit div.center p.note0-5 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -270px;} div.produit div.center p.note1 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -240px;} div.produit div.center p.note1-5 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -210px;} div.produit div.center p.note2 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -180px;} div.produit div.center p.note2-5 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -150px;} div.produit div.center p.note3 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -120px;} div.produit div.center p.note3-5 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -90px;} div.produit div.center p.note4 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -60px;} div.produit div.center p.note4-5 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 -30px;} div.produit div.center p.note5 { background:url(../css_imgs/note-home.gif) no-repeat; background-position:0 0;} div.produit div.center p.resume {width:414px; height:2.2em; line-height:1.1em; margin-top:0px; margin-bottom:0px; overflow:hidden;} div.produit div.center p.resume.comment {font-style:italic;} div.produit div.center a.lire {clear:both; float:right; padding:0 7px 0 15px; font-size:11px; font-style:normal;} div.produit div.center a.lire.comment {background:url(../css_imgs/rm-avis.png) left 4px no-repeat;} div.produit div.center ul.destination {clear:both; width:414px; height:20px; margin-top:20px; line-height:20px; border-top:1px solid #f0f2f3;} div.produit div.center ul.destination a {display:block; height:inherit; line-height:inherit; font-size:10px; background-position:left center;} div.produit div.center ul.destination li {border:0; margin-left:27px; height:inherit; line-height:inherit;} div.produit div.center ul.destination li:hover {background-color:#ccd2d8;} div.produit div.right {background:url(../css_imgs/sprite_column.png) -8px -415px no-repeat; width:8px;} div.produit div.center img {float:left; margin-right:7px; background:url(../css_imgs/fc-title-h1.jpg) no-repeat center;} div.produit div.center h3 {height:17px; overflow:hidden;} div.produit div.center h3 a {color:#1a3d78; font-size:15px; font-weight:normal;} div.produit div.center h4 {line-height:17px; font-size:12px; letter-spacing:0em; color:#555; font-weight:normal; height:17px; overflow:hidden; width:170px;} div.produit div.center h4 span {font-size:13px; font-style:italic;} div.produit div.center h5 a {line-height:15px; font-size:22px; color:#c73d0d; font-weight:normal;} div.produit div.center h5 span {font-size:14px; text-decoration:line-through; color:#616161; font-weight:normal; clear:both; position:relative;} div.produit img {border:1px solid #dfe0e4;} div.produit ul.rechercher {position:relative; left:150px; top:-20px;} div.promo_left {width:30px; height:35px; background:url(../css_imgs/sprite_button.png) right -590px no-repeat; float:left;} div.promo_right {background:url(../css_imgs/sprite_button.png) right -550px no-repeat; float:left; width:130px; height:30px; padding-top:8px; font-style:italic; color:#f4a600; font-family:Georgia;} div.promo_right.none, div.promo_left.none {display:none;} ul.product_links {margin-top:9px; float:left; position:relative; left:220px;} ul.product_links li {line-height:24px; width:auto; float:left; color:#76a4d5;} div.noResults {margin-bottom:10px; float:left; text-align:left;} div.noResults h1 {font-family:Georgia; color:#4d6180; font-size:12px; font-style:italic; margin-top:15px; line-height:24px; font-weight:normal;} /* columnRight STYLES */ div.columnRight {float:left; width:218px; background:#F5F5F4; border:1px solid #E3E3E2; overflow:hidden;} /*--------------------------------------------------------------------------------*/ /* AGENCY */ /*--------------------------------------------------------------------------------*/ /* Default */ div.agence {background:transparent url(../css_imgs/bk-bloc-bg.png) repeat-x 0 0;} div.agence h1 {height:45px; margin-left:12px; padding:10px 0 0 30px; font:normal 12px Georgia; line-height:16px; color:#445776; background:url(../css_imgs/bk-agency.png) left 15px no-repeat;} div.agence li {text-indent:22px; font-size:12px; line-height:14px; margin:7px 0 7px 0px; width:232px; text-align:left;} div.agence fieldset {text-align:center;} div.agence fieldset input {border:1px solid #3a4d69; padding:3px 0 0 3px; height:18px; float:left; margin-left:0px; width:100px;} div.agence fieldset button {top:0;} div.agence ul.contacts, div.agence ul.functions {padding:5px 0 5px 0; color:#5a6f8f; margin-left:10px;} div.agence ul.contacts li.mail {background:url(../css_imgs/glif-mail.png) left no-repeat;} div.agence ul.contacts li.address {background:url(../css_imgs/glif-home.png) left no-repeat; text-indent:0; padding-left:22px;} div.agence ul.contacts li.telephone {background:url(../css_imgs/glif-telephone.png) left no-repeat;} div.agence ul.functions {padding-top:15px; background:transparent url(../css_imgs/bk-bloc-agency-ul-bg.png) no-repeat center top;} div.agence ul.functions li {font-size:12px; height:22px; line-height:22px; margin:0; text-indent:15px; width:125px;} div.agence ul.functions li.map {background:url(../css_imgs/glif-map.png) left no-repeat;} div.agence ul.functions li.change {background:url(../css_imgs/glif-change.png) left no-repeat;} div.agence.chosen, div.agence.unknown {display:none;} div.agence.unknown fieldset label { display: none;} div.agence.unknown {border:0;} div.agence.unknown fieldset {font-size:13px; text-align:center; line-height:20px;} div.agence.unknown fieldset label {color:#3a4d69;} div.agence.unknown fieldset input {border:1px solid #3a4d69; padding:3px 0 0 3px; height:18px; float:left; margin-left:45px;} div.agence.unknown fieldset button {float:left; margin-left:5px;} div.agence.unknown h2 {margin-bottom:13px;} div.agence.unknown div.trouvez-agence {float:left; margin:0 0 0 40px; color:white; background:url(../css_imgs/trouvez-agence.gif) no-repeat; line-height:37px; font-size:11px; width:135px; text-align:center; display:inline;} /* Override in Popup - Search Agency */ #sa div.agence {float:left; width:780px; background:none;} #sa div.agence fieldset input {float:none;} /* Override in RM */ div.rm-header div.agence {background:url(../css_imgs/rm-bloc-agency.png) no-repeat; width:199px; height:auto; padding-bottom:5px; overflow:hidden; float:right; border:1px solid #d9dee2; position:relative; top:-37px; margin-bottom:-32px;} div.rm-header div.agence h1 {background:none; line-height:20px; font-size:18px; width:199px; height:20px; padding:0; text-align:center; margin:16px 0 10px 0; overflow:hidden;} div.rm-header div.agence ul {padding:0px 10px; float:left;} div.rm-header div.agence ul li {margin:5px 0 0 0; padding:0; height:inherit; float:left; width:inherit; width:155px; clear:both;} div.rm-header div.agence ul.contacts {margin-bottom:10px;} div.rm-header div.agence ul.functions {padding-top:5px; margin-bottom:5px;} div.rm-header div.agence.unknown fieldset {margin-top:0;} div.rm-header div.agence.affiner {height:inherit;} /* Override in Train, Hotel, Voiture... */ div.ag-body div.agence, div.ag-body div.bloc-telephone {display:inline; clear:none;} div.ag-body div.agence ul.contacts li.address {height:15px; width:360px;} div.ag-body div.agence ul.contacts, div.ag-body div.agence ul.functions {clear:none;} /* Override in Resa */ div.bk-left div.header div.agence {width:620px; float:left; margin-left:22px; background:#F2F3F5 url(../css_imgs/bk-header-agence-bg.png) repeat-x scroll center top; border:1px solid #fff;} div.bk-left div.header div.agence h1 {display:none;} div.bk-left div.header div.agence ul.contacts {width:440px; float:left; margin:0; padding:0px 0px 5px 10px; color:#5a6f8f;} div.bk-left div.header div.agence ul.functions {width:130px; height:60px; float:left; padding:10px 0px 5px 5px; color:#5a6f8f;} div.bk-left div.header div.agence ul.functions li {margin:7px 0;} div.bk-left div.header div.agence.unknown {background:none; border:0;} div.bk-left div.header div.agence.unknown fieldset {font-size:13px; text-align:center; height:40px; line-height:40px; background:url(../css_imgs/bk-agence-unknown.png) center no-repeat; margin-top:10px;} div.bk-left div.header div.agence.unknown fieldset label {color:#3a4d69;} div.bk-left div.header div.agence.unknown fieldset input {border:1px solid #3a4d69; padding:3px 0 0 3px; height:18px;} div.bk-right div.agence h1 {color:#445776; font-size:14px; font-weight:normal; height:40px; line-height:40px; margin-left:12px; font-family:Georgia; font-style:italic;} .sendToForm { width:235px; } .sendToForm label { display:block; } .sendToForm input, .sendToForm textarea { width:225px; margin:0 0 5px 0; border:1px solid #BACBF4;} #TB_window .sendToForm .button {color:#fff; float:right; } /*--------------------------------------------------------------------------------*/ /* OTHER */ /*--------------------------------------------------------------------------------*/ div.bloc-telephone h1, div.bloc-faq h1 {color:#445776; font-weight:normal; font-family:Georgia; margin-left:12px;} div.bloc-telephone {background:url(../css_imgs/bk-bloc-bg.png) repeat-x; clear:both; padding-bottom:15px;} div.bloc-telephone h1 {background:url(../css_imgs/bk-telephone.png) left 15px no-repeat; padding:10px 0 0 30px; line-height:18px; font-size:14px; height:45px;} div.bloc-telephone h2 {font-family:Georgia; font-style:italic; color:#3a4d69; font-weight:normal; font-size:13px; text-align:center; text-shadow:0px 1px 0 white; padding:5px 0 5px 0;} div.bloc-telephone h3 {color:#445776; font-size:24px; text-align:center; padding:20px 0 10px 0; font-weight:normal;} div.bloc-telephone p {text-align:center;} div.bloc-faq {margin-top:0px; background:url(../css_imgs/bk-bloc-bg.png) repeat-x;} div.bloc-faq h1 {font-style:italic; font-family:Georgia; font-size:24px; text-shadow:0px 1px 0 white; height:40px; line-height:40px; text-indent:10px;} div.bloc-faq h3 {color:#3a4d69; font-weight:normal; font-size:13px; padding:0 0 0 10px; margin-top:8px; float:left;} div.bloc-faq p {color:#5a6f8f; font-size:10px; margin-bottom:10px; float:left; width:195px; padding:3px 0 0 20px;} div.outliner.blogin {margin-bottom:8px;} div.bloc-login {border:1px solid #fff; width:214px; background:#f5f5f4;} div.bloc-login h1 {font-size:13px; font-weight:normal; margin:4px 0 0 10px;} div.bloc-login h1 a {text-decoration:underline; color:#1c6fa5;} div.bloc-login.logged h1 a {text-decoration:none;} div.bloc-login p {margin:2px 0 0 10px; font-style:italic; font-size:10px; color:#a9abac;} div.bloc-login p a {color:#83b6d0; text-decoration:underline;} div.bloc-login.logged p a {background:url(../css_imgs/bloc-login-arrow.gif) left no-repeat; padding-left:12px; color:#1c6fa5; text-decoration:none;} div.bloc-login.logged p a.right {margin-left:30px;} div.bloc-login.form fieldset {float:left; margin:4px 0 0 10px;} div.bloc-login.form fieldset legend {display:none;} div.bloc-login.form fieldset input {width:157px; background:#fff; font-size:10px; color:#ababab; margin-bottom:3px;} div.bloc-login.form fieldset input.right {margin-left:0px; position:relative; margin-right:7px;} div.bloc-login.form div.plus {float:left; width:10px; height:10px; line-height:20px; text-align:center; position:relative; left:3px; top:4px;} div.bloc-login.form .ok-log strong {padding-right:9px;} div.bloc-login.form a.button {padding-left:5px; position:relative; top:4px;} div.bloc-login.form p a {color:#ababab; text-decoration:none;} div.bloc-login.form p a.right {margin-left:20px; color:#1c6fa5; text-decoration:none;} div.bloc-login.form p {clear:both;} /* div.citations */ div#citations-container {clear:both; margin:auto; height:70px; padding-top:35px; position:relative; top:70px; margin-bottom:100px;} div.citations {cursor:pointer; width:900px; margin-left:60px; float:left; overflow:hidden; background:url(../css_imgs/backmini.png);} div.citations p.phrase {font-size:16px; color:#405371; font-style:italic; font-family:Lucida, "Lucida Grande", "Lucida sans"; font-weight:normal; text-align:center; width:inherit; margin-bottom:30px; padding:20px;} div.citations span.who {font-style:normal; color:#233140; position:relative; top:20px; left:-40px; width:auto; font-family:Lucida; font-size:16px;} /* div.footer */ div.footer-container {width:100%; background:#0e5dac; float:left; margin-top:38px;} div.footer {background:url(../css_imgs/footer-back.gif) repeat-x top #2069b2; margin:auto; padding:20px 20px 10px 20px; width:100%; width:926px; color:white; font-size:10px; text-align:center;} div.footer a {color:white; font-size:10px;} div.footer a:hover {text-decoration:underline;} img.footer-pic {position:relative; left:29px; margin-top:20px; top:0px;} /* navigation add minmin*/ div.resultsNavigation {width:450px; float:left; text-align:center; position:relative; top:20px; margin-bottom:40px;} div.resultsNavigation h1 {margin:0 auto; padding:0; font-size:16px; font-weight:normal; font-family:Georgia; color:#26468a;} div.resultsNavigation h2 {font-size:12px;} ul.resultsNavigationPages {width:100%; height:22px; background:url(../css_imgs/bk-bloc-bg.png) repeat-x bottom; margin:auto; position:relative; top:10px; list-style-type:none; color:#445776;} ul.resultsNavigationPages li {float:left; line-height:21px; width:17px; margin:auto; position:relative; left:2px; padding-left:2px; padding-right:2px;} ul.resultsNavigationPages li a {background-color:transparent; height:21px; color:#445776; display:block; position:relative;} ul.resultsNavigationPages li a:hover {background:#445776; text-decoration:none; color:#fff;} ul.resultsNavigationPages li.resultsNavigationPagescurrent a {background:#445776; text-decoration:none; color:#fff;} ul.resultsNavigationPages li.resultsNavigationPagesPage {text-decoration:none; width:40px; text-align:left; text-indent:4px;} .left {float:left;} div.footer-links {color:#B6D2F3; margin:12px 0;} div.footer div.footer-links a {color:#92BCEB;} div.breadcrumb { width: 736px; height: 25px; float: left; border: 1px solid #d4d4d6; border-left: 0; background: #ffffff; line-height: 26px; margin-bottom: 10px; margin-right: 8px;} div.breadcrumbContainer { width: 965px; height: auto; float: left; margin-bottom: 10px;} div.breadcrumb.full { margin-right: -1px;} div.columnCenter div.breadcrumb { width: 473px; border-left: 1px solid #d4d4d6} div.breadcrumb.full h1 { float: right; border-left: 1px dotted #ddd; width: 208px; height: auto; font-size: 11px; padding-left: 8px; padding-right: 8px; font-weight: normal; line-height: 26px; height: 25px; background: url(../css_imgs/compte-h1.png) left 2px repeat-x; text-align: center;} div.breadcrumb.full h1 a { font-size: 11px; color: #5693bb;} div.breadcrumb.full div.mon-compte { float: right; height: 17px; text-indent: -9999px; width: 182px; margin-right: 25px; position: relative;} div.breadcrumb.full div.mon-compte a.compte1 { width: 91px; height: 17px; background: url(../css_imgs/compte-actions.png) left no-repeat; float: left;} div.breadcrumb.full div.mon-compte a.compte2 { width: 91px; height: 17px; background: url(../css_imgs/compte-actions.png) right no-repeat; float: left;} div.breadcrumb p { width: 430px; float: left; color: #415473; font-size: 11px; letter-spacing: 0; margin-left: 15px; line-height: 26px; height: 20px; overflow: hidden;} div.breadcrumb a { color: #293c58; font-size: 11px; letter-spacing: 0;} div.breadcrumb a:hover { color: #000;} div.breadcrumb a.favoris { background: url(../css_imgs/glif-favoris.png) left no-repeat; margin-right: 8px; padding-left: 17px;} div.breadcrumb a.comparateur { background: url(../css_imgs/glif-comparateur.png) left no-repeat; padding-left: 17px;} div.breadcrumbContainer div.blogin { margin-bottom: 0;} .typeAgency {} #contact-form p {text-align:right;} #contact-form button {background:url(../css_imgs/sprite_button.png) no-repeat -333px -295px; line-height:24px; width:100px; margin:0; border:0 none; padding:0 0 0 5px; height:24px; cursor:pointer; outline:none;} #contact-form button strong {background:url(../css_imgs/sprite_button.png) no-repeat right -43px; font:normal 14px arial; color:#fff; line-height:23px; height:24px; padding:0 10px 0 0; display:block; cursor:pointer; position:relative;} #contact-form button:active {background-position:-333px -295px;} @-moz-document url-prefix() { #contact-form button strong {top:-1px;} } /* Fix FF3+ */ .validationMessage {background:url(../css_imgs/logo_selectour_popin.png) no-repeat center bottom; padding:10px 0 100px;} .validationMessage .error {color:red;}