* { margin:0px; padding:0px; } body { color:#222222; font-family:Verdana, Helvetica, Arial, sans-serif; background:url(../img_css/bg.jpg) top repeat-x #fff; } input, area { cursor:pointer; } input, select { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:10px; } label { color:#fff; font-weight:bold; font-size:11px; letter-spacing:-0.5px; } .smaller { font-size:9px; font-family:sans-serif; } #wrapper { /*background:#999;*/ width:970px; margin:15px auto 0 auto; } #wrap { background:url(../img_css/bg_warp_cornerbottom.gif) bottom left no-repeat #a6d3ea; width:860px; padding-bottom:10px; float:left; } #page { width:615px; float:left; } #sideBar { /*background:red;*/ width:230px; float:left; margin-left:10px; } /** SIDE LOGO **/ #sideLogo { background:url(../img_css/bg_logo_zone.jpg) no-repeat; margin-right:7px; width:103px; height:647px; float:left; } a.logo { background:url(../img_css/logo.jpg) no-repeat; display:block; width:97px; height:280px; text-indent:-30000px; margin:80px 3px 0 3px; } a.logo:hover { background:url(../img_css/logo.jpg) no-repeat -97px 0px; display:block; width:97px; height:280px; text-indent:-30000px; margin:80px 3px 0 3px; } #bg_logo { background:url(../img_css/bg_logo_zone_repeat.gif) repeat-y; height:100% } a.btn_casinofr { background:url(../img_css/btn_casino.fr.gif) no-repeat 0px 0px; text-indent:-30000px; display:block; width:83px; height:24px; margin:120px 0 0 10px; } a.btn_casinofr:hover { background:url(../img_css/btn_casino.fr.gif) no-repeat 0px -24px; } #sideLogo a.btn_smiles { background:url(../img_css/bg_smiles.gif) no-repeat; margin:50px 0 0 29px; display:block; height:70px; width:50px; text-indent:-300000px; } /** HEADER **/ #header { background:url(../img_css/corner_head_pub_hd.gif) left top no-repeat #a6d3ea; padding-top:10px; } .entete { background:url(../img_css/accroche.gif) right center no-repeat #a6d3ea; width:615px; height:60px; margin-bottom:10px; text-align:right; } .pub { background:url(../img_css/txt_publicite.gif) left center no-repeat #a6d3ea; margin-left:auto; width:610px; height:60px; } #menu { background:url(../img_css/bg_menu.gif) no-repeat; padding:5px 5px 0 5px; margin-left:5px; height:45px; width:600px; } .nav { width:600px; height:45px; background:url(../img_css/bg_navPrincipal.gif) no-repeat; position:relative; } .nav li { float:left; } .nav li a:link, .nav li a:visited { position:absolute; top:0; height:45px; text-indent:-9000px; overflow: hidden; z-index:10; } /** NAV JS **/ /** HOVER JS **/ .nav li div { position:absolute; top:0px; height:45px; cursor:pointer; } .nav-btn_promos, .nav-btn_promos-click { left:0px; width:69px; background:url(../img_css/bg_navPrincipal.gif) no-repeat 0px -46px; } .nav-btn_sejour, .nav-btn_sejour-click { left:70px; width:66px; background:url(../img_css/bg_navPrincipal.gif) no-repeat -70px -46px; } .nav-btn_locations, .nav-btn_locations-click { left:137px; width:76px; background:url(../img_css/bg_navPrincipal.gif) no-repeat -137px -46px; } .nav-btn_circuits, .nav-btn_circuits-click { left:214px; width:65px; background:url(../img_css/bg_navPrincipal.gif) no-repeat -214px -46px; } .nav-btn_croisieres, .nav-btn_croisieres-click { left:280px; width:80px; background:url(../img_css/bg_navPrincipal.gif) no-repeat -280px -46px; } .nav-btn_customisable1, .nav-btn_customisable1-click { left:361px; width:48px; background:url(../img_css/bg_navPrincipal.gif) no-repeat -361px -46px; } .nav-btn_customisable2, .nav-btn_customisable2-click { left:410px; width:65px; background:url(../img_css/bg_navPrincipal.gif) no-repeat -410px -46px; } .nav-btn_customisable3, .nav-btn_customisable3-click { left:476px; width:66px; background:url(../img_css/bg_navPrincipal.gif) no-repeat -476px -46px; } .nav-btn_customisable4, .nav-btn_customisable4-click { left:543px; width:57px; background:url(../img_css/bg_navPrincipal.gif) no-repeat -543px -46px; } /** CLICK JS **/ .nav-btn_promos-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat 0px -92px; } .nav-btn_sejour-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat -70px -92px; } .nav-btn_locations-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat -137px -92px; } .nav-btn_circuits-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat -214px -92px; } .nav-btn_croisieres-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat -280px -92px; } .nav-btn_customisable1-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat -361px -92px; } .nav-btn_customisable2-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat -410px -92px; } .nav-btn_customisable3-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat -476px -92px; } .nav-btn_customisable4-click { background:url(../img_css/bg_navPrincipal.gif) no-repeat -543px -92px; } /** NAV **/ .nav .btn_promos a:link, .nav .btn_promos a:visited { left:0px; width:69px; } .nav .btn_promos a:hover, .nav .btn_promos a:focus { background:url(../img_css/bg_navPrincipal.gif) no-repeat 0px -46px; } .nav .btn_promos a:active { background:url(../img_css/bg_navPrincipal.gif) no-repeat 0px -92px; } .nav .btn_promos a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat 0px -138px; } .nav .btn_sejour a:link, .nav .btn_sejour a:visited {left:70px; width:66px; } .nav .btn_sejour a:hover, .nav .btn_sejour a:focus { background:url(../img_css/bg_navPrincipal.gif) no-repeat -70px -46px; } .nav .btn_sejour a:active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -70px -92px; } .nav .btn_sejour a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -70px -138px; } .nav .btn_locations a:link, .nav .btn_locations a:visited { left:137px; width:76px; } .nav .btn_locations a:hover, .nav .btn_locations a:focus { background:url(../img_css/bg_navPrincipal.gif) no-repeat -137px -46px; } .nav .btn_locations a:active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -137px -92px; } .nav .btn_locations a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -137px -138px; } .nav .btn_circuits a:link, .nav .btn_circuits a:visited { left:214px; width:65px; } .nav .btn_circuits a:hover, .nav .btn_circuits a:focus { background:url(../img_css/bg_navPrincipal.gif) no-repeat -214px -46px; } .nav .btn_circuits a:active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -214px -92px; } .nav .btn_circuits a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -214px -138px; } .nav .btn_croisieres a:link, .nav .btn_croisieres a:visited { left:280px; width:80px; } .nav .btn_croisieres a:hover, .nav .btn_croisieres a:focus { background:url(../img_css/bg_navPrincipal.gif) no-repeat -280px -46px; } .nav .btn_croisieres a:active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -280px -92px; } .nav .btn_croisieres a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -280px -138px; } .nav .btn_customisable1 a:link, .nav .btn_customisable1 a:visited { left:361px; width:48px; } .nav .btn_customisable1 a:hover { background:url(../img_css/bg_navPrincipal.gif) no-repeat -361px -46px; } .nav .btn_customisable1 a:active { background:url(../img_css/bg_navbg_navPrincipalgif) no-repeat -361px -92px; } .nav .btn_customisable1 a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -361px -138px; } .nav .btn_customisable2 a:link, .nav .btn_customisable2 a:visited { left:410px; width:65px; } .nav .btn_customisable2 a:hover { background:url(../img_css/bg_navPrincipal.gif) no-repeat -410px -46px; } .nav .btn_customisable2 a:active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -410px -92px; } .nav .btn_customisable2 a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -410px -138px; } .nav .btn_customisable3 a:link, .nav .btn_customisable3 a:visited { left:476px; width:66px; } .nav .btn_customisable3 a:hover { background:url(../img_css/bg_navPrincipal.gif) no-repeat -476px -46px; } .nav .btn_customisable3 a:active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -476px -92px; } .nav .btn_customisable3 a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -476px -138px; } .nav .btn_customisable4 a:link, .nav .btn_customisable4 a:visited { left:543px; width:57px; } .nav .btn_customisable4 a:hover { background:url(../img_css/bg_navPrincipal.gif) no-repeat -543px -46px; } .nav .btn_customisable4 a:active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -543px -92px; } .nav .btn_customisable4 a.active { background:url(../img_css/bg_navPrincipal.gif) no-repeat -543px -138px; } #content { background:#fff; border-left:5px solid #daffff; border-right:5px solid #daffff; margin-left:5px; } /** BREADCRAMBS **/ #breadcrumbs_static { background:url(../img_css/bg_breadcrumbs.gif) repeat-x; line-height:25px; font-size:10px; color:#fff; padding-left:10px; margin-top:-16px; } #breadcrumbs { background:url(../img_css/bg_breadcrumbs.gif) repeat-x; line-height:25px; font-size:10px; color:#fff; padding-left:10px;} #breadcrumbs img { vertical-align:baseline; margin:0 5px -2px 5px; } #breadcrumbs_static img { vertical-align:baseline; margin:0 5px -2px 5px; } #breadcrumbs a { font-weight:bold; color:#578a9f; text-decoration:none; } #breadcrumbs span.customisableTab a { font-weight:normal; color:#fff; } #breadcrumbs_static a { font-weight:bold; color:#578a9f; text-decoration:none; } #breadcrumbs a:hover { font-weight:bold; color:#2e4954; } #breadcrumbs span.customisableTab a:hover { font-weight:normal; color:#fff; cursor:text; } #breadcrumbs_static a:hover { font-weight:bold; color:#2e4954; } /** PRESENTATION **/ #presentation { background:#eaf6fd; margin-bottom:10px; height:120px; color:#416777; font-size:11px; line-height:15px; } #presentation .bannerZone { width:380px; height:120px; overflow:hidden; float:left; } #presentation .textPresentation { padding:10px 15px; width:190px; float:left; } #presentation h2 { color:#365663; font-size:14px; font-weight:bold; margin-bottom:10px; } /** SEARCH ENGINE page **/ #searchEngine_page { background:url(../img_css/bg_formpage.gif) no-repeat bottom left #f5c055; margin:10px; position:relative; height:190px; } #searchEngine_page.dimAlt { background:url(../img_css/bg_formpage.gif) no-repeat bottom #f5c055; margin:10px; position:relative; height:130px; } #searchEngine_page form { } #searchEngine_page h2.title_formPage_sejour { background:url(../img_css/title_formpage_sejour.gif) no-repeat; width:580px; height:23px; text-indent:-30000px; } #searchEngine_page h2.title_formPage_location { background:url(../img_css/title_formpage_location.gif) no-repeat; width:580px; height:23px; text-indent:-30000px; } #searchEngine_page h2.title_formPage_circuit { background:url(../img_css/title_formpage_circuit.gif) no-repeat; width:580px; height:23px; text-indent:-30000px; } #searchEngine_page h2.title_formPage_croisiere { background:url(../img_css/title_formpage_croisiere.gif) no-repeat; width:580px; height:23px; text-indent:-30000px; } #searchEngine_page h2.title_formPage_promo { background:url(../img_css/title_formpage_promo.gif) no-repeat; width:580px; height:23px; text-indent:-30000px; } #searchEngine_page .content { margin:0 11px; } #searchEngine_page .blocForm { background:#e79127; width:178px; height:46px; margin:2px; padding:9px 0 0 3px; display:block; } #searchEngine_page label { color:#fff; display:block; padding:0 0 5px 0; } #searchEngine_page select { width:175px; } #searchEngine_page .selecteMarge { background:#fac65a; padding:3px 0 0 0; float:left; height:17px; margin-bottom:10px; } #searchEngine_page .selecteMarge span { font-size:9px; padding:0 1px; line-height:15px; color:#312216; float:left; margin-top:-3px; } #searchEngine_page .ipt_margeDate { background:#fac65a; color:#312216; width:11px; border:0px; float:left; } #searchEngine_page .selectDate { height:30px; clear:both; } #searchEngine_page .btn_rechercher1 { float:right; margin-right:8px; } #searchEngine_page .btn_rechercher2 { float:right; margin-right:8px; } #searchEngine_page .btn_rechercher3 { float:right; margin-right:8px; } #searchEngine_page .btn_rechercher4 { float:right; margin-right:8px; } #searchEngine_page .btn_rechercher5 { float:right; margin-right:8px; } #searchEngine_page .ckb_selection label { display:inline; } #searchEngine_page .ckb_selection { width:200px; height:35px; float:left; } #searchEngine_page .warning{ background:#994F00 none repeat scroll 0 0;border:1px solid #FFE97C;color:#FFFFFF;font-size:10px;margin-right:7px;padding:5px 0;text-align:center;} /** SLIDESHOW **/ #slideshow { background:#333; position:relative; height:338px; border-top:5px solid #f8a035; margin-bottom:5px; } #slideshow #imageSlide { height:338px; width:600px; position:absolute; overflow:hidden; } a.moreInfo { position:absolute; height:338px; width:600px; background:blue; opacity:0; -moz-opacity: 0; filter: alpha(opacity=0); } /* a.moreInfo:hover { position:absolute; height:352px; width:625px; background:url(../img_css/moredetails.gif) no-repeat center center; opacity:1; -moz-opacity:1; filter: alpha(opacity=100); } ou ça */a.moreInfo:hover { position:absolute; height:338px; width:600px; background:#000; opacity:0.2; -moz-opacity:0.2; filter: alpha(opacity=20); } .cartoucheProductSlide { background:url(../img_css/loading-slideshow.gif) no-repeat center center; height:338px; width:600px; position:relative; } .cartoucheProductSlide img { width:600px; height:338px; z-index:10000px; } .bg_infoSlide { height:50px; width:600px; display:block; position:absolute; background-color:#000; opacity:0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); z-index:200; } #infoSlide { display:block; z-index:300; width:300px; height:50px; } #slideshow .infoProduct { position:absolute; width:590px; height:50px; color:#fff; z-index:500; padding:16px 0 0 10px; } #slideshow .infoProduct h3 { width:485px; overflow:hidden; height:20px; } #slideshow .infoProduct h3 a { line-height:20px; font-size:18px; font-weight:normal; color:#fff; text-decoration:none; } .cartoucheProductSlide .capsulePrice_grd { right:15px; top:32px; z-index:1000; } /** BANNER ZONE **/ #bannerZone { height:338px; border-top:5px solid #f8a035; margin-bottom:5px; overflow:hidden; } /** NAV SLIDESHOW DIAPORAMA **/ #navSlideshow { background:url(../img_css/bg_navslideshow.gif) repeat-x; position:absolute; z-index:350; bottom:0px; height:21px; border:1px solid #59849a; } #navSlideshow div { float:left; } #pagerSlideshow { font-size:11px; line-height:21px; font-weight:bold; } #pagerSlideshow a { color:#fff; text-decoration:none; margin:0 8px; } #navSlideshow .prevSlideshow { background:url(../img_css/btn_navslideshow.gif) no-repeat 0px 0px; display:block; height:21px; width:21px; cursor:pointer; } #navSlideshow .nextSlideshow { background:url(../img_css/btn_navslideshow.gif) no-repeat -24px 0px; display:block; height:21px; width:21px; cursor:pointer; } #navSlideshow .prevSlideshow:hover { background:url(../img_css/btn_navslideshow.gif) no-repeat 0px -24px; display:block; height:21px; width:21px; cursor:pointer; } #navSlideshow .nextSlideshow:hover { background:url(../img_css/btn_navslideshow.gif) no-repeat -24px -24px; display:block; height:21px; width:21px; cursor:pointer; } #pagerSlideshow a.activeSlide { color:#2d4551; } /** CAPSULE PRICE **/ .capsulePrice_grd { position:absolute; color:#fff; text-align:right; font-size:10px; letter-spacing:-1px; line-height:14px; } .capsulePrice_grd .price { display:block; font-size:18px; font-weight:bold; letter-spacing:0px; margin-bottom:7px; } .capsulePrice_grd .bg_round { background:url(../img_css/bg_capsuleprix_grd.gif) no-repeat; float:left; padding:3px 2px 0 7px; } .capsulePrice_grd .bg_roundClose { background:url(../img_css/bg_capsuleprix_grd.gif) no-repeat right; width:5px; height:36px; float:left; } .capsulePrice_med { position:absolute; color:#fff; text-align:right; font-size:10px; letter-spacing:-1px; line-height:12px; } .capsulePrice_med .price { display:block; font-size:14px; font-weight:bold; letter-spacing:0px; margin-bottom:5px; } .capsulePrice_med .bg_round { background:url(../img_css/bg_capsuleprix_med.gif) no-repeat; float:left; padding:3px 2px 0 7px; } .capsulePrice_med .bg_roundClose { background:url(../img_css/bg_capsuleprix_med.gif) no-repeat right; width:5px; height:32px; float:left; } .capsulePrice_sml { position:absolute; color:#fff; text-align:right; font-size:10px; letter-spacing:-1px; line-height:16px; } .capsulePrice_sml .price { font-size:10px; font-weight:bold; letter-spacing:0px; } .capsulePrice_sml .bg_round { background:url(../img_css/bg_capsuleprix_sml.gif) no-repeat; float:left; padding:0px 2px 0 7px; } .capsulePrice_sml .bg_roundClose { background:url(../img_css/bg_capsuleprix_sml.gif) no-repeat right; width:5px; height:16px; float:left; } /** PUSHING HOME **/ /** common **/ .cartoucheProduit { position:relative; background:#fff; } .cartoucheProduit h3 { font-size:12px; font-weight:bold; color:#db8716; text-decoration:none; border-bottom:1px solid #b0cddd; } .cartoucheProduit h3 a { font-size:12px; font-weight:bold; color:#db8716; text-decoration:none; } .cartoucheProduit h3 a:hover { text-decoration: underline; } .cartoucheProduit .resume { position:relative; font-size:11px; } .cartoucheProduit a.btn_plusInfos { color:#707070; text-decoration:underline; } .cartoucheProduit .roundedcorner { position:absolute; z-index:1000; } .cartoucheProduit .thumbnail img { /*position:absolute;*/ z-index:900; } .cartoucheProduit .thumbnail { background:url(../img_css/loading.gif) no-repeat center center; /*position:absolute;*/ } #pushing_short { background:#eaf6fd; } #pushing_short h2 { background:url(../img_css/bg_title.gif) no-repeat 0px 0px; display:block; height:25px; text-indent:-30000px; } #pushing_short .cartoucheProduit { height:88px; width:298px; float:left; margin-right:1px; margin-top:1px; margin-bottom:23px; } #pushing_short .cartoucheProduit h3 {height:18px; line-height:18px; margin-bottom:4px; overflow:hidden; } #pushing_short .cartoucheProduit h3 a { font-size:9px; font-weight:normal; } #pushing_short .cartoucheProduit h3 a span { text-transform:uppercase; font-weight:bold; font-size:12px; } #pushing_short .cartoucheProduit h3 img { vertical-align:top; margin-right:5px; } #pushing_short .cartoucheProduit .textResume { font-size:11px; height:31px; overflow:hidden; line-height:15px; margin-bottom:5px; } #pushing_short .cartoucheProduit .resume { position:absolute; width:177px; margin-left:110px; padding:8px 5px 0 0; } #pushing_short .cartoucheProduit .thumbnail {position:absolute; width:90px; height:68px; padding:10px; } #pushing_short .cartoucheProduit .thumbnail img {position:absolute; width:90px; height:68px; } #pushing_short .cartoucheProduit .roundedcorner { background:url(../img_css/roundedcorner_img.gif) no-repeat 0px 0px; width:90px; height:68px; } #pushing_short .cartoucheProduit .capsulePrice_med { right:10px; top:70px; } #pushing_long .cartoucheProduit .selection { font-weight:bold; color:#70acca; display:block; line-height:25px; } #pushing_long { background:#eaf6fd; padding-bottom:10px; } #pushing_long h2 { background:url(../img_css/bg_title.gif) no-repeat 0px -26px; display:block; height:25px; text-indent:-30000px; } #pushing_long .cartoucheProduit { width:600px; margin-bottom:23px; } #pushing_long .cartoucheProduit h3 { line-height:18px; padding-bottom:8px; } #pushing_long .cartoucheProduit h3 img { vertical-align:top; margin-right:5px; } #pushing_long .cartoucheProduit .textResume { font-size:11px; line-height:15px; margin-bottom:5px; border-bottom:1px solid #b0cddd; padding:10px 0 5px 0; } #pushing_long .cartoucheProduit .resume { width:443px; margin-left:147px; padding:8px 5px 0 0; } #pushing_long .cartoucheProduit .thumbnail { width:127px; height:95px; padding:10px; float:left; } #pushing_long .cartoucheProduit .thumbnail img { width:127px; height:95px; } #pushing_long .cartoucheProduit .roundedcorner { background:url(../img_css/roundedcorner_img.gif) 0px -70px no-repeat; width:127px; height:95px; } #pushing_long .cartoucheProduit .capsulePrice_grd { right:10px; bottom:-15px; } #pushing_long .cartoucheProduit a.btn_plusInfos { padding:5px 0; display:block; height:15px; width:120px; } /** RESULT ZONE **/ .optionsResult_UP, .optionsResult_DOWN { position:relative; height:110px; margin-top:10px; } .optionsResult_UP.except, .optionsResult_DOWN.except { height:57px; } .nbreOffre { color:#2f2f2f; height:25px; position:absolute; } .nbreOffre span.texte { font-size:11px; height:24px; padding-top:8px; display:block; float:left; } .nbreOffre span.offres { color:#f8a035; font-size:24px; height:24px; margin-right:10px; font-weight:bold; display:block; float:left; } .sortBy { background:#f8a035; height:52px; width:590px; padding:10px 0 0 10px; position:absolute; margin-top:21px; } .sortBy h4 { background:url(../img_css/bg_sortby.gif) no-repeat; color:#fff; font-size:10px; font-weight:bold; line-height:13px; padding-left:5px; right:10px; top:-10px; width:74px; height:15px; position:absolute; display:block; } .sortBy label { display:block; padding:5px 5px; } .sortBy select { width:113px; } .sortBy .blocForm { background:#e79127; width:113px; float:left; margin-right:4px; } .pager { background:#70acca; padding:0 auto; position:absolute; height:25px; width:600px; top:84px; cursor:default; } .except .pager { top:22px; } .pager ul { text-align:center; } .pager li { display:inline; font-size:11px; margin:0 5px; font-weight:bold; line-height:25px; } .pager li span { color:#2d4551; } .pager li a { color:#fff; text-decoration:none; } .pager li a:hover { color:#2d4551; } .pager .btn_prev { background:url(../img_css/arrow_pager.gif) no-repeat 0 0; display:block; position:absolute; height:25px; width:25px; text-indent:-30000px; left:26px; top:0px; } .pager .btn_next { background:url(../img_css/arrow_pager.gif) no-repeat -25px 0px; display:block; position:absolute; height:25px; width:25px; text-indent:-30000px; right:26px; top:0px; } .pager .btn_prev:hover { background:url(../img_css/arrow_pager.gif) no-repeat -0px -25px; display:block; position:absolute; height:25px; width:25px; text-indent:-30000px; left:26px; top:0px; } .pager .btn_next:hover { background:url(../img_css/arrow_pager.gif) no-repeat -25px -25px; display:block; position:absolute; height:25px; width:25px; text-indent:-30000px; right:26px; top:0px; } .pager .btn_first { background:url(../img_css/arrow_pager.gif) no-repeat 0 -50px; display:block; position:absolute; height:25px; width:25px; text-indent:-30000px; left:0px; top:0px; } .pager .btn_last { background:url(../img_css/arrow_pager.gif) no-repeat -25px -50px; display:block; position:absolute; height:25px; width:25px; text-indent:-30000px; right:0px; top:0px; } .pager .btn_first:hover { background:url(../img_css/arrow_pager.gif) no-repeat -0px -75px; display:block; position:absolute; height:25px; width:25px; text-indent:-30000px; left:0px; top:0px; } .pager .btn_last:hover { background:url(../img_css/arrow_pager.gif) no-repeat -25px -75px; display:block; position:absolute; height:25px; width:25px; text-indent:-30000px; right:0px; top:0px; } #resultZone { background:#eaf6fd; } #resultZone #noResult {color:#DB8716;font-weight:bold;text-align:center;} #resultZone .cartoucheProduit { width:600px; margin-bottom:23px; } #resultZone .cartoucheProduit h3 { line-height:18px; padding-bottom:8px; } #resultZone .cartoucheProduit h3 img { vertical-align:top; margin-right:5px; } #resultZone .cartoucheProduit .textResume { font-size:11px; line-height:15px; margin-bottom:5px; border-bottom:1px solid #b0cddd; padding:10px 0; } #resultZone .cartoucheProduit .resume { width:443px; margin-left:147px; padding:8px 5px 0 0; } #resultZone .cartoucheProduit .thumbnail { width:127px; height:95px; padding:10px; float:left; } #resultZone .cartoucheProduit .thumbnail img { width:127px; height:95px; } #resultZone .cartoucheProduit .roundedcorner { background:url(../img_css/roundedcorner_img.gif) 0px -70px no-repeat; width:127px; height:95px; } #resultZone .cartoucheProduit .capsulePrice_grd { right:10px; bottom:-15px; } #resultZone .cartoucheProduit a.btn_plusInfos { padding:5px 0; display:block; height:15px; width:120px; } /** PRODUCT **/ #illustration { width:600px; height:150px; } #produitInfo { background:url(../img_css/bg_produitInfo.gif) repeat-y; height:100%; margin-bottom:10px; } #resume { width:385px; padding:10px; float:left; } #resume h2 { line-height:16px; padding:5px 0; color:#f8a035; font-size:14px; font-weight:normal; border-bottom:1px solid #6da9c7; } #resume h2 span { font-size:18px; font-weight:bold; text-transform:uppercase; } #resume .resume { padding:10px 0; font-size:11px; color:#222; line-height:16px; } #resume .resume p { margin-bottom:10px; } #resume .infoProduct { line-height:13px; border-top:1px solid #6da9c7; border-bottom:1px solid #6da9c7; background:#eaf6fd; padding:7px 5px; } #resume .infoProduct h3 { font-size:14px; color:#70acca; font-weight:normal; } #resume .infoProduct span { font-size:11px; color:#f8a035; } #options { background:#eaf6fd; width:155px; padding:20px; float:left; position:relative; } #options ul.option { border-top:1px solid #c3deec; text-align:right; margin-bottom:20px; } #options li a { padding-right:30px; font-size:11px; line-height:25px; height:25px; text-decoration:none; color:#466174; display:block; border-bottom:1px solid #c3deec; } #options li a.btn_addFav { background:url(../img_css/btn_addfav.gif) no-repeat center right #eaf6fd; } #options li a.btn_print { background:url(../img_css/btn_print.gif) no-repeat center right #eaf6fd; } #options li a.btn_sendTo { background:url(../img_css/btn_sendto.gif) no-repeat center right #eaf6fd; cursor:pointer; } #options li a.btn_addFav:hover { background:url(../img_css/btn_addfav.gif) no-repeat center right #dcedf7; } #options li a.btn_print:hover { background:url(../img_css/btn_print.gif) no-repeat center right #dcedf7; } #options li a.btn_sendTo:hover { background:url(../img_css/btn_sendto.gif) no-repeat center right #dcedf7; } #sendto { background:#e5f1f9; font-size:10px; display:none; width:155px; z-index:1000; position:relative; } #sendto span { font-weight:bold; color:#f8a035; padding:0 5px; } #sendto ul { margin-top:5px; padding:5px; } #sendto li { border-top:1px solid #cae2ef; } #sendto li label { color:#333; line-height:25px; font-size:10px; } #sendto li input, #sendto li textarea { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:10px; border:1px solid #c3deec; color:#333333; width:135px; } #sendto li input { padding:3px 4px; margin:8px 0; } #sendto li textarea { padding:3px 4px; height:50px; } #sendto .warning { background:#6BA7C6; margin:5px; border:1px solid #2A6B87; font-size:10px; text-align:center; padding:4px 0; color:#fff; } .btn_envoyer { margin:0 auto; padding:0 5px 5px 5px; } .btn_close { background:url(../img_css/btn_close.gif) no-repeat center #d7ebf9; text-indent:-30000px; margin-bottom:5px; width:155px; height:8px; display:block; cursor:pointer; } .illustrationPic { position:absolute; top:100px; z-index:0; } /** DIAPORAMA **/ #diaporama { background:#333; position:relative; height:248px; width:375px; margin:10px 3px 0 5px; } #diaporama #imageSlide { background:#333; height:248px; width:375px; position:absolute; overflow:hidden; } #diaporama #imageSlide .photoProduct { background:url(../img_css/loading-slideshow.gif) no-repeat center center; height:248px; width:375px; text-align:center; overflow:hidden; } #diaporama #imageSlide .photoProduct img { height:248px; width:375px; } #diaporama #pagerSlideshow a { color:#fff; text-decoration:none; margin:0 4px; } #diaporama #pagerSlideshow a.activeSlide { color:#2d4551; } /** ONGLET DESC PRODUCT **/ #descProduct { position:relative; } .ongletDesc { padding:0 10px; width:580px; height:30px; } .ongletDesc li { float:left; margin:0 1px; cursor:pointer; border-bottom:1px solid #5693b0; } .ongletDesc li a { font-size:11px; text-decoration:none; color:#222; cursor:pointer; } .ongletDesc li a { background:url(../img_css/roundedcorner_ongletdesc.gif) no-repeat left 0px; display:block; line-height:29px; float:left; } .ongletDesc li a span { background:url(../img_css/roundedcorner_ongletdesc.gif) no-repeat right -31px; height:29px; padding:0 10px; float:left; display:block; } li.ui-tabs-selected a { background:url(../img_css/roundedcorner_ongletdesc.gif) no-repeat left -60px; display:block; line-height:29px; float:left; cursor:default; } li.ui-tabs-selected a span { background:url(../img_css/roundedcorner_ongletdesc.gif) no-repeat right -91px; height:29px; padding:0 10px; float:left; display:block; } li.ui-tabs-selected { border-bottom:1px solid #fff; } #descProduct .content { background:url(../img_css/bg_descproduct.gif) repeat-x bottom; color:#222; padding:10px; margin:-1px 10px 10px 10px; border-top:1px solid #5693b0; } #descProduct .content { font-size:11px; line-height:1.64em; } #descProduct .content h2 { font-size:1.64em; font-weight:bold; color:#518dab; line-height:2em; } #descProduct .content h3 { font-size:1.27em; font-weight:bold; color:#2b6b88; line-height:1.80em; } #descProduct .content h4 { font-size:1.09em; font-weight:bold; color:#eb9427; line-height:1.64em; margin-top:3px; } #descProduct .content p { margin:5px 0; } #descProduct .content ul { list-style-type:disc; list-style-position:inside; line-height:1.60em; margin:2px 0; padding:0 3px; } #descProduct .content ol { list-style-type:decimal; list-style-position:inside; line-height:1.60em; margin:2px 0; padding:0 3px; } .imageInfosPays {width:200px;float: right;padding: 2%;margin-left: 2px;margin-top: 2px; height:120px;} .paraInfosPays{text-align:justify;} /** RESERVE FORM **/ .reserveForm { background:url(../img_css/bg_reserveform.gif) no-repeat bottom left; margin:0 0 10px 10px; /*position:relative;*/ width:580px; font-size:11px; color:#fff; } .reserveForm h2 { background:url(../img_css/title_reserveform.gif) no-repeat; height:30px; width:580px; margin-bottom:10px; text-indent:-30000px; } .reserveForm .content { padding-left:10px; } .reserveForm h4 { font-size:12px; font-weight:bold; display:block; color:#fff; width:560px; padding:10px 0; clear:both; } .reserveForm .blocForm { background:#e79127; width:173px; float:left; padding:8px 0 10px 10px; margin:0 0 10px 0; } .reserveForm .blocForm label { font-size:11px; color:#fff; line-height:14px; } .reserveForm .blocForm.long { width:360px; margin-left:5px; } .reserveForm .blocForm select { width:160px; margin:5px 0 0 0; } .reserveForm .blocForm.long select { width:350px; } .reserveForm .blocForm.small select { width:50px; } .reserveForm .blocForm.small label { float:left; width:110px; } .reserveForm .blocForm.small label.cheque{ width:165px; margin:0 0 5px;} .reserveForm .blocForm.small label span { display:block; font-weight:normal; font-size:10px; } .reserveForm .blocForm.small.ageChild { font-size:10px; line-height:14px;background:#e79127; width:173px; float:left; padding:4px 0 4px 10px; margin:0 0 10px 0; } .reserveForm .blocForm.small.ageChild label { width:110px; line-height:14px; } .reserveForm .blocForm.small.ageChild select { width:35px; float:left; margin:0 3px 0 0px; } .reserveForm img.loader { display:none; float: right; margin: 0 50px 11px 112px } .reserveForm .troiscol { margin-bottom:20px; } .reserveForm .note { /*clear:both;*/ float:left; display:block; padding:10px 0; font-size:9px; } .btn_reserveForm { float:right; /*position:absolute;*/ margin-bottom:10px; margin-right:10px; } /** STATIC CONTENT **/ #staticContent { padding:10px; font-size:11px; line-height:1.64em; } #staticContent h2 { font-size:1.64em; font-weight:bold; color:#518dab; line-height:2em; } #staticContent h3 { font-size:1.27em; font-weight:bold; color:#2b6b88; line-height:1.80em; } #staticContent h4 a { font-size:1.09em; font-weight:bold; color:#eb9427; line-height:1.64em; margin-top:3px; } #staticContent h4 { font-size:1.09em; font-weight:bold; color:#eb9427; line-height:1.64em; margin-top:3px; } #staticContent p { margin:5px 0; } #staticContent ul { list-style-type:disc; list-style-position:inside; line-height:1.60em; margin:2px 0; padding:0 3px; } #staticContent ol { list-style-type:decimal; list-style-position:inside; line-height:1.60em; margin:2px 0; padding:0 3px; } /** STATIC CONTENT MAPSITE **/ #staticContentMapsite { padding:10px; font-size:11px; line-height:1.64em; } #staticContentMapsite h2 { font-size:1.64em; font-weight:bold; color:#518dab; line-height:2em; } #staticContentMapsite h3 { font-size:1.27em; font-weight:bold; color:#2b6b88; line-height:1.80em; margin-top:10px;} #staticContentMapsite h4 { font-size:1.09em; font-weight:bold; color:#eb9427; line-height:1.64em; margin-top:3px; width:170px;} #staticContentMapsite h4 a { font-size:1.09em; font-weight:bold; color:#eb9427; line-height:1.64em; margin-top:3px; width:170px;} #staticContentMapsite p { margin:5px 0; } #staticContentMapsite ul { list-style-type:none; line-height:1.60em; margin:2px 0; padding:0 3px; margin-left:27px; margin-right:50px; width:110px;margin-bottom:20px;} #staticContentMapsite ul li { list-style-type:none; line-height:1.60em; } #staticContentMapsite ol { list-style-type:decimal; list-style-position:inside; line-height:1.60em; margin:2px 0; padding:0 3px; } /** SIDE BAR **/ .besoindaide { margin:10px 0; } /** SEARCH ENGINE **/ #searchEngine { background:url(../img_css/bg_searchengine.gif) no-repeat bottom #f5c255; padding-bottom:20px; margin-bottom:10px; } #searchEngine h2 { background:url(../img_css/title_votrerecherche.gif) no-repeat; text-indent:-30000px; margin:0 1px; display:block; width:228px; height:38px; } /** ONGLETS **/ .ongletForm { background:url(../img_css/btn_onglets.gif) no-repeat 0px 0px; display:block; position:relative; width:229px; height:28px; padding:1px 0 0 1px; } .ongletForm li { float:left; } .ongletForm li a { position:absolute; text-indent:-30000px; display:block; height:28px; overflow:hidden; } .onglet_sejours { left:1px; width:51px; } .onglet_locations { left:53px; width:63px; } .onglet_circuits { left:117px; width:50px; } .onglet_croisieres { left:168px; width:61px; } .onglet_sejours { background:url(../img_css/btn_onglets.gif) no-repeat -1px -31px; } .onglet_locations { background:url(../img_css/btn_onglets.gif) no-repeat -53px -31px; } .onglet_circuits { background:url(../img_css/btn_onglets.gif) no-repeat -117px -31px; } .onglet_croisieres { background:url(../img_css/btn_onglets.gif) no-repeat -168px -31px; } .onglet_sejours:hover { background:url(../img_css/btn_onglets.gif) no-repeat -1px -61px; } .onglet_locations:hover { background:url(../img_css/btn_onglets.gif) no-repeat -53px -61px; } .onglet_circuits:hover { background:url(../img_css/btn_onglets.gif) no-repeat -117px -61px; } .onglet_croisieres:hover { background:url(../img_css/btn_onglets.gif) no-repeat -168px -61px; } .ui-tabs-selected a.onglet_sejours { background:url(../img_css/btn_onglets.gif) no-repeat -1px -61px; } .ui-tabs-selected a.onglet_locations { background:url(../img_css/btn_onglets.gif) no-repeat -53px -61px; } .ui-tabs-selected a.onglet_circuits { background:url(../img_css/btn_onglets.gif) no-repeat -117px -61px; } .ui-tabs-selected a.onglet_croisieres { background:url(../img_css/btn_onglets.gif) no-repeat -168px -61px; } /** FORM **/ #searchEngine form { width:210px; margin:0 10px; } #searchEngine label { display:block; margin:10px 0 7px 0; } #searchEngine select { width:210px; font-size:11px; } #searchEngine select .opt_pays, #searchEngine_page select .opt_pays { background:#eaf6fd; color:#222222; } #searchEngine select .opt_region, #searchEngine_page .opt_region { padding-left:10px; } #searchEngine .warning { background:#994f00; border:1px solid #ffe97c; margin:0 10px; font-size:10px; text-align:center; padding:6px 0; color:#fff; } input.date-pick { width:67px; font-size:11px; padding:1px; margin-right:2px; float:left; } img.ui-datepicker-trigger { float:left; margin-right:2px; cursor:pointer; } #searchEngine .selecteMarge { background:#fac65a; padding:3px 1px 0 1px; float:left; height:17px; margin-bottom:10px; } #searchEngine .selecteMarge span { font-size:10px; line-height:15px; color:#312216; float:left; margin-top:-3px; } #searchEngine .ipt_margeDate { background:#fac65a; color:#312216; width:11px; border:0px; float:left; } #searchEngine .selectDate { background:green; height:30px; clear:both; } #searchEngine .ckb_selection { position:relative; width:210px; height:50px; } #searchEngine .ckb_selection label { font-weight:normal; font-size:10px; top:20px; margin:20px 0; float:left; vertical-align: middle; } #searchEngine .ckb_selection input { position:absolute; right:10px; top:17px; } #searchEngine .roundedcorner { background:url(../img_css/roundedcorner_return.gif) no-repeat; height:5px; width:230px; line-height:0px; font-size:0px; } #searchEngine a.btn_back { text-decoration:underline; color:#fff; font-size:10px; margin-left:15px; } /** TABS **/ .ui-tabs-hide { display:none; } /* DEBUT : styles UI Slider */ .ui-slider-handle { position:absolute; cursor:pointer; height:14px; width:9px; top:0px; left:0px; background: url(../img_css/slider-handle.gif) no-repeat; } .ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); } .ui-slider { width:55px; margin:0 0px; height:14px; position:relative; background-image:url(../img_css/bg_slider.gif); background-repeat:no-repeat; background-position:center center; float:left; } /* FIN : styles UI Slider */ /** NEWSLETTER **/ #newsletter { background:url(../img_css/bg_newsletter.gif) no-repeat bottom #6eaac8; margin-bottom:10px; } #newsletter h2 { background:url(../img_css/title_newsletter.gif) no-repeat; display:block; width:230px; height:30px; text-indent:-30000px; } #newsletter .content { padding:10px; } #newsletter .ipt_newsletter { vertical-align:middle; background:url(../img_css/bg_ipt_newsletter.gif) repeat-x top #e7faff; font-size:11px; width:177px; padding:4px 4px; color:#222222; border-top:1px solid #296a86; border-right:0px; border-bottom:1px solid #296a86; border-left:1px solid #296a86; } #newsletter .btn_newsletter { vertical-align:middle; background:url(../img_css/btn_newsletter.gif) repeat-x top #e7faff; height:21px; width:23px; border-top:1px solid #296a86; border-left:0px; border-bottom:1px solid #296a86; border-right:1px solid #296a86; margin-left:-6px; } #newsletter p { font-size:11px; color:#fff; line-height:16px; } /** PUSHINGBAR **/ #pushingBar { background:url(../img_css/bg_pushingbar.gif) no-repeat bottom #f7ae44; margin-bottom:10px; } #pushingBar h2 { display:block; width:230px; height:30px; text-indent:-30000px; margin-bottom:5px; } #pushingBar h2.title_lastminute { background:url(../img_css/title_pushingbar_lastminute.gif) no-repeat; } #pushingBar h2.title_promos { background:url(../img_css/title_pushingbar_promos.gif) no-repeat; } #pushingBar ol { padding:10px 5px; } #pushingBar .cartoucheProduit { height:55px; width:220px; margin-bottom:15px; } #pushingBar .cartoucheProduit .selection { background:url(../img_css/selection_small.gif) no-repeat; width:20px; height:20px; position:absolute; right:0px; top:0px; z-index:2000; text-indent:-30000px; } #pushingBar .cartoucheProduit h3 { height:20px; overflow:hidden; line-height:20px; } #pushingBar .cartoucheProduit h3 a { font-size:10px; color:#312216; } #pushingBar .cartoucheProduit .textResume { font-size:10px; color:#312216; height:19px; overflow:hidden; line-height:15px; margin-bottom:5px; } #pushingBar .cartoucheProduit .resume { position:absolute; width:145px; margin-left:70px; padding:2px 5px 0 0; } #pushingBar .cartoucheProduit .thumbnail {position:absolute; width:60px; height:40px; padding:5px; } #pushingBar .cartoucheProduit .thumbnail img {position:absolute; width:60px; height:45px; } #pushingBar .cartoucheProduit .capsulePrice_sml { right:5px; top:46px; } .btn_pushingBar img { padding:0 15px; margin-bottom:20px; } /** CUSTOMISABLE SIDE BLOCK **/ .customSideBlock { margin-bottom:10px; } /** CARTE AVANTAGE **/ #carteAvantage { background:url(../img_css/bg_carteavantage.jpg) no-repeat; height:100px; width:230px; position:relative; } #carteAvantage a { text-decoration:none; color:#2e4652; font-size:10px; } #carteAvantage a:hover { text-decoration:underline; } #carteAvantage a.btn_smiles { position:absolute; left:25px; display:block; height:10px; padding-top:90px; width:70px; text-align:center; line-height:18px;} #carteAvantage a.btn_cartecadeaux { position:absolute; right:10px; display:block; height:10px; padding-top:90px; width:100px; text-align:center; line-height:18px;} /** INFO TEXTE **/ .infoTexte { margin-bottom:10px; color:#865d3c; font-size:11px; line-height:15px; } .infoTexte h2 { margin-bottom:10px; font-size:18px; color:#f8a035; line-height:20px; } .infoTexte p { margin-bottom:10px; } .infoTexte .roundedcorner_top { background:url(../img_css/roundedcorner_infotexte.gif) no-repeat top; height:10px; width:230px; } .infoTexte .roundedcorner_bottom { background:url(../img_css/roundedcorner_infotexte.gif) no-repeat bottom; height:10px; width:230px; } .infoTexte .content { background:#ffffff; border-left:1px solid #f8a035; border-right:1px solid #f8a035; padding:5px 10px; width:208px; } /** STOP NEWSLETTER **/ #stopNewsletter h2 { color:#db8716; font-weight:bold; margin:10px; } #stopNewsletter ul.formulaire { margin:5px; font-size:11px; border-top:1px solid #c6deea; } #stopNewsletter ul.formulaire li { border-bottom:1px solid #c6deea; padding:7px 5px; } #stopNewsletter ul.checkboxes { margin-top:5px; } #stopNewsletter ul.checkboxes li { border-bottom:0px; padding:7px 5px; } #stopNewsletter ul.formulaire li textarea { margin:5px 0; } #stopNewsletter ul.formulaire { color:#222; } #stopNewsletter ul.formulaire label { color:#222; } #stopNewsletter .btn_confirmer { border:0px; background:#fff; cursor:pointer; color:#e79127; width:230px; padding:5px; margin-left:365px; } #stopNewsletter ul.formulaire .incorrectMailDesinscription{color:red;} /** FOOTER **/ #footer { background:url(../img_css/bg_footer_logo.gif) no-repeat left bottom; padding:15px 0 0 110px; height:100%; } #footer a { font-size:10px; color:#70acca; text-decoration:none; } #footer a:hover { text-decoration:underline; color:#4c89a6; } #tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; } #navMap { background:url(../img_css/navmap.gif) no-repeat; width:615px; height:270px; margin-bottom:10px; float:left; position:relative; } #map area { position:relative; } .tooltips { position:absolute; left:0px; top:0px; } .tip_europe, .tip_northamerican, .tip_southamerican, .tip_afrique, .tip_asia, .tip_europe, .tip_oceanie { cursor:pointer; position:absolute; display:none; padding:6px; border:1px solid #70acca; background:#e79127; color:#fff; font-size:12px; font-weight:bold; } .tip_europe { background:#a6d3ea; left:250px; top:50px; } .tip_northamerican { background:#70acca; left:20px; top:110px; } .tip_southamerican { background:#7cc5ea; left:70px; top:170px; } .tip_afrique { background:#87b2c8; left:230px; top:160px; } .tip_asia { background:#75badd; left:460px; top:110px; } .tip_oceanie { background:#61bcea; left:490px; top:185px; } #nav_infoservice_ver { width:225px; height:255px; padding:0px 0 0 20px; margin-bottom:10px; float:left; } #nav_infoservice_ver h2 { background:url(../img_css/title_infoetservices.gif) no-repeat; display:block; height:25px; width:155px; text-indent:-30000px; } #nav_infoservice_ver a { text-transform:uppercase; line-height:17px; } #navFooter { float:left; } #navDestination { font-size:10px; color:#70acca; line-height:17px; text-align:justify; text-transform:uppercase; } #navDestination h2 { background:url(../img_css/bg_title.gif) no-repeat 0px -52px; display:block; width:860px; height:25px; text-indent:-30000px; } #navDestination p { padding:10px; } #navDestination a { font-size:10px; text-transform:uppercase; } #menuFooter { font-size:10px; background:url(../img_css/roundedcorner_footer_top.gif) no-repeat 0 0 #eaf6fd; color:#70acca; width:840px; text-align:center; text-transform:uppercase; border-bottom:1px solid #c5e0ee; padding:10px; } #nav_infoservice_hor { background:#eaf6fd; color:#70acca; width:860px; text-align:center; text-transform:uppercase; border-bottom:1px solid #c5e0ee; padding:10px 0; font-size:10px; } #nav_infoservice_hor h2 { font-size:11px; margin-bottom:7px; } #partner { background:url(../img_css/roundedcorner_footer_bottom.gif) no-repeat 0 bottom #eaf6fd; text-align:center; padding:5px 0; } #partner a { margin:0 5px; } #legalLink { font-size:10px; text-align:center; color:#a9cddf; padding:15px 0 15px 110px; }