/* BeTravel StudioWeb 2010 */ body { height:100%; position:relative; background:#FFF url(../images/bg/bg-betravel.jpg) repeat-x top; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#202020;} #loading { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1000; background:#FFF url(../images/bg/ajax-loader.gif) no-repeat center 400px; opacity:0.8; filter:alpha(opacity=80); } /* Tables */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } a img { border: none; } ul { list-style:none;} h1, h2, h3, h4 { font-weight:normal; } a { text-decoration:none; color:#2067ad} a:hover { text-decoration:underline; } .f_left { float:left;} .f_right { float:right;} .f_none { float:none;} .blue { color:#2067ad;} .grey { color:#999999;} .red { color:#c63717;} .orange { color:#da6300;} .clear { clear:both; height:1px; line-height:1px; font-size:1px;} .clear_left { clear:left; height:1px; line-height:1px; font-size:1px;} .clear_right { clear:right; height:1px; line-height:1px; font-size:1px;} h1 { margin:0; padding:0; font-size:23px; font-weight:normal;} h2 { margin:0; padding:0; font-size:19px; font-weight:normal;} h3 { margin:0 0 15px 0; padding:0; font-size:17px; line-height:21px; font-weight:bold;} h3 a { padding:0 20px 0 0; color:#202020;} h3 a:hover { text-decoration:none; } #container { width:980px; margin:0 auto; } #top { height:100px; overflow:hidden; margin:0 10px; padding:0; } #top #logo { float:left; height:100px; width:260px; margin:0 70px 0 0; background:url(../images/bg/logo-betravel.png) no-repeat 0 0;} #top #logo { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/logo-betravel.png"); } #top #top_banner { float:right; width:728px; height:90px; background:#c1e5fa; margin:10px 0 0 0;} #top #arbre { float:left; width:130px; height:60px; margin:25px 30px 0 0;} #top #lang { float:right; padding:55px 0 0 0;} #top #lang ul { margin:0; padding:0; list-style:none;} #top #lang ul li { display:inline; float:left;} #top #lang ul li a { display:block; width:30px; height:30px; line-height:30px; color:#24a3ef;} #top #lang ul li a:hover {} #top #lang ul li.over a { color:#2067ad; text-decoration:underline; font-weight:bold} /*#top #top_text { float:left; width:520px; padding:30px 0 0 0;}*/ #top #top_text { float:left; position:relative; width:540px; padding:25px 0 0 0;} /* HAMZA */ #top #top_text h1 { margin:0; padding:0 0 0 0; float:left; font-size:16px; line-height:21px; font-weight:normal; color:#2067ad; font-style:italic; } #top #top_text h1 a { text-decoration:underline; color:#24a3ef; } #top #top_text h2 { display:block; float:left; height:20px; line-height:20px; margin:0; padding:0; font-size:15px; font-weight:normal; color:#24a3ef; font-style:italic;} #contenu { } #bg_ombre_left { float:left; width:10px; height:490px; background:url(../images/bg/bg-ombre-left.png) no-repeat top; } #bg_ombre_left { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/bg-ombre-left.png"); } #bg_ombre_right { float:left; width:10px; height:490px; background:url(../images/bg/bg-ombre-right.png) no-repeat top; } #bg_ombre_right { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/bg-ombre-right.png"); } #bg_white { position:relative; padding:0; float:left; width:960px; background:#FFF;} #wrap_menu { height:35px; background:#2067ad url(../images/bg/menu-bg.gif) repeat-x top;} #menu { height:35px; width:700px; float:left; } #menu ul { margin:0; padding:0; list-style:none;} #menu ul li { display:inline; float:left; font-size:14px; font-weight:bold; } #menu ul li a { display:block; float:left; height:35px; line-height:35px; color:#adddff; padding:0 20px;} #menu ul li a:hover { text-decoration:none; color:#FFFFFF;} #menu ul li.over a { background:#005c99 url(../images/bg/menu-bg.gif) repeat-x bottom; color:#FFFFFF;} #menu ul li.over a:hover { text-decoration:none; cursor:default;} #search { height:35px; float:right; padding:0 20px 0 0; overflow:hidden;} #search form { margin:6px 0 0 0; padding:0;} #search form label { float:left; padding:3px 0 0 0; margin:0 10px 0 0; font-size:13px; color:#adddff; font-weight:bold;} #search form input { float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:0; background:#adddff; color:#FFF;} #search form input.champ { padding:3px; margin:0 5px 0 0; height:14px; width:150px; background:url(../images/bg/search-bg.gif) no-repeat 0 0;} #search form input.button { width:30px; height:20px; color:#adddff; font-weight:bold; margin:0; padding:0; background:url(../images/bg/search-bg.gif) no-repeat right 0; cursor:pointer;} #search form { float:right;} #search form input.button:hover { color:#FFFFFF;} #search p.newsletter { font-size:12px; font-weight:bold; float:left; margin:0; padding:0;} #search p.newsletter a { display:block; float:left; height:35px; line-height:35px; color:#adddff; padding:0 10px; } #search p.newsletter a:hover { color:#FFFFFF;} #search p.share { font-size:12px; font-weight:bold; float:left; margin:0; padding:0;} #search p.share a { display:block; float:left; height:35px; line-height:35px; color:#adddff; padding:0 10px; background:url(../images/bg/line-m.gif) no-repeat 0 0 ;} #search p.share a:hover { color:#FFFFFF;} #heading { padding:5px 20px 15px 20px; text-align:left;} #heading h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; line-height:30px; color:#2067ad;} #heading h2 { font-size:16px; line-height:23px; margin:0; padding:0; color:#999;} #heading #extra_menu { height:25px; margin-bottom:15px; background:url(../images/bg/extra_menu.gif) no-repeat 0 bottom;} #heading #extra_menu ul { float:right; margin:0; padding:0; list-style:none;} #heading #extra_menu ul li { display:inline; float:left; margin:0 2px; font-size:11px;} #heading #extra_menu ul li a { display:block; float:left; height:25px; line-height:25px; padding:0 5px; color:#999;} #heading #extra_menu ul li a:hover { color:#696969; text-decoration:none;} #heading #extra_menu ul li.over a {} #h_heading { width:720px; padding:0 30px 0 0; float:right;} #heading .ecolo { float:left;} #global { margin:0 20px; background:#FFF; } /* ---------- MOTEUR DE RECHERCHE ------- */ #moteur-recherche { position:relative; z-index:100; height:80px; margin:0 -5px; background:#adddff url(../images/bg/moteur-bg.gif) no-repeat 0 0;} #moteur-ombre { position:absolute; z-index:10; top:80px; left:0; height:10px; width:930px; background:url(../images/bg/moteur-ombre.png) no-repeat 0 0;} #moteur-ombre { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/moteur-ombre.png"); } #moteur-recherche form { overflow:hidden; padding:20px 20px 0 20px;} #moteur-recherche form label { font-size:14px; font-weight:bold; color:#FFF;} #moteur-recherche form input { font-size:13px; background:#FFF; border:none; } #moteur-recherche form input.champ { width:169px; padding:3px; height:18px; line-height:18px; margin:5px 0 0 0;} #moteur-recherche form input.champ { background:url(../images/bg/moteur-champ-none.gif) no-repeat 0 0;} #moteur-recherche form input.button { height:24px; width:80px; color:#FFFFFF; padding:0; margin:5px 0 0 0; background:url(../images/bg/moteur-button.gif) no-repeat 0 0; cursor:pointer;} #moteur-recherche form input.button_nl { height:24px; width:80px; color:#FFFFFF; padding:0; margin:5px 0 0 0; background:url(../images/bg/moteur-button-nl.gif) no-repeat 0 0; cursor:pointer;} #moteur-recherche form input.refrech { height:24px; width:31px; color:#FFFFFF; padding:0; margin:5px 0 0 10px; background:url(../images/bg/moteur-refrech.gif) no-repeat 0 0; cursor:pointer;} #sample1_iconselect, #sample2_iconselect, #sample3_iconselect, #sample4_iconselect, #sample5_iconselect, #types_iconselect, #destinations_iconselect, #departures_iconselect, #pricesIntervales_iconselect {font-size:13px; position:relative; z-index:100; width:169px; padding:4px 1px 2px 5px; height:18px; line-height:18px; margin:5px 0 0 0; background: url(../images/bg/moteur-champ.gif) no-repeat right top; } .selectwrapper { margin-top:-3px; margin-left:-2px; display:none; position:absolute; z-index:100; width:184px; padding:3px 5px 0 5px; background:url('../images/bg/select_bag.png') top; } .selectwrapper .selectitems { padding:5px; z-index:100; border-bottom: solid 1px #EEE; } .selectwrapper .last { border: none; } .selectwrapper .selectitems span { } .selectwrapper .hoverclass { background-color:#ffda98; cursor:pointer; } .selectwrapper .selectedclass { background-color:#EEE; } .selectfooter { background:url('../images/bg/select_bag.png') bottom; height: 8px; margin-bottom:-8px; margin-left:-8px; width:200px;} /* #sample1_options { height:170px; overflow-y: scroll; width:175px; padding:0 5px;} */ /* VITRINE */ #vitrine { margin:0 0 0 0; background:#ffd5a8 url(../images/bg/vitrine.jpg) no-repeat 0 -100px;} /* #vitrine_bottom { clear:both; height:5px; line-height:5px; font-size:1px; background: url(../images/bg/vitrine_bottom.png) no-repeat 0 0;} #vitrine_bottom { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/vitrine_bottom.png"); } */ #vitrine_bottom { clear:both; height:16px; line-height:1px; font-size:1px; background: url(../images/bg/vitrine-promo-head.png) no-repeat 0 0;} #vitrine_bottom { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/vitrine-promo-head.png"); } #vitrine #vitrine_tab { height:25px; padding:20px 0 15px 0; } #vitrine #vitrine_tab ul { margin:0; padding:0; list-style:none;} #vitrine #vitrine_tab ul li { display:inline; float:left; margin:0 10px 0 0;} #vitrine #vitrine_tab ul li a { display:block; float:left; height:25px; line-height:25px; padding:0 10px; text-decoration:none;} #vitrine #vitrine_tab ul li.over a { font-size:14px; font-weight:bold;} #vitrine p { margin:0; padding:0;} #vitrine p a { color:#FFFFFF;} #brochures { margin:0 0 0 35px; padding:50px 0 0 0; } #brochures ul { margin:0; padding:0; list-style:none; } #brochures ul li { position:relative; display:block; z-index:0; float:left; width:125px; height:140px; margin:0 0 41px 0;} #brochures ul li .best { position:absolute; z-index:1; right:6px; top:-15px; width:36px; height:30px; background: url(../images/bg/best.png) no-repeat 0 0; } #brochures ul li .best { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/best.png"); } #brochures ul li .cover { position:relative; float:left; width:100px; height:140px; overflow:hidden;} #brochures ul li .ombre { float:left; width:20px; height:140px; background: url(../images/bg/ombre-brochures.png) no-repeat 0 0;} #brochures ul li .ombre { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/ombre-brochures.png"); } #brochures ul li .cover span { position:absolute; z-index:0; display:block; width:100px; height:140px;} #brochures ul li .cover a:hover span { display:block; width:96px; height:136px; border:2px solid #fff;} .best-of {background: url(images/bestof.gif) no-repeat; width: 28px; height: 28px; position: absolute; z-index: 20; top: 10px; left: 9px;} #screenshot { margin: 0; padding:6px; position:absolute; background:#b47546 url(../images/bg/bg-screenshot.jpg) no-repeat 50% 50%; display: none; z-index: 200; min-height:50px; min-width:50px; border:1px solid #613a1d;} #screenshot img { } .nec {} .nec h3 { float:left; margin:0 0 10px 0;} .nec p.all { float:right; margin:0; padding:0;} /* --- PROMO CAROUSEL (home page) */ #wrap_promo_carousel { position:relative; padding:44px 0 0 80px; margin-bottom:10px; background:#d6cabe url(../images/bg/vitrine-promo.jpg) no-repeat bottom;} #promo_carousel { height:120px; margin:0; padding:10px 0 0 0 ;} #promo_carousel ul { margin:0; padding:0; list-style:none;} #promo_carousel ul li { display:inline; float:left; width:100px; height:110px; background:url(../images/bg/ombre-carousel.gif) no-repeat right bottom; margin:0 5px;} #promo_carousel ul li img { background:#FFFFFF;} #wrap_promo_carousel p.prev { z-index:10; position:absolute; left:10px; top:80px; display:block; width:30px; height:30px; background:url(../images/bg/j_arrow-bois.gif) no-repeat right 0; cursor:pointer;} #wrap_promo_carousel p.next { z-index:10; position:absolute; right:10px; top:80px; display:block; width:30px; height:30px; background:url(../images/bg/j_arrow-bois.gif) no-repeat left 0; cursor:pointer;} *html #wrap_promo_carousel p.prev { z-index:10; position:absolute; left:-50px; top:80px; display:block; width:30px; height:30px; background:url(../images/bg/j_arrow-bois.gif) no-repeat right 0; cursor:pointer;} *html #wrap_promo_carousel p.next { z-index:10; position:absolute; right:50px; top:80px; display:block; width:30px; height:30px; background:url(../images/bg/j_arrow-bois.gif) no-repeat left 0; cursor:pointer;} /* JQUERY_Tabs(Accordeon) */ .ui-tabs-hide { display: none; } .accordeon .navigation ul li.ui-tabs-selected a { background-image:url(../media/img/acc_ong_on_right.gif); background-repeat:no-repeat; background-position:right top;} .accordeon .navigation ul li.ui-tabs-selected { background-image:url(../media/img/acc_ong_on_left.gif); background-repeat:no-repeat; background-position:left top;} #right #global .accordeon .navigation ul li.ui-tabs-selected a { color:#034283; font-weight:bold;} #right #global .accordeon .navigation ul li.ui-tabs-selected a:hover {text-decoration:none; cursor:default;} /* --- FOOTER --- */ #footer { border-top:1px solid #dcdcdc; padding:15px 10px 30px 10px; font-size:11px;} #footer p { margin:0; padding:0; color:#696969; } #footer p.left { float:left; width:600px;} #footer p.right { float:right; width:250px; text-align:right;} #footer p a { color:#696969;} #bottom_categorie { border-top:3px solid #24a3ef; padding:20px 0;} #bottom_categorie h4 { margin:0; padding:0 0 10px 0; font-size:13px; font-weight:bold; color:#2067ad; height:20px; line-height:20px;} #bottom_categorie h4 span { float:left; width:20px; height:20px; line-height:20px; display:block; background:url(../images/bg/cerc-categorie.gif); color:#FFFFFF; text-align:center; margin:0 5px 0 0; } #bottom_categorie ul { margin:0; padding:0;} #bottom_categorie ul li { line-height:14px; margin-bottom:8px; padding:0 10px 0 25px;} #bottom_categorie ul li a { color:#3076ba;} #bottom_categorie ul li a:hover { text-decoration:none; color:#0050a8;} #bottom_categorie .categorie { float:left; width:230px;} /* HOME-Left-Right */ #left_home { float:left; width:650px; } #right_home { float:right; width:250px; } #nav_home { height:29px; border-bottom:1px solid #dcdcdc;} #nav_home ul { margin:0; padding:0; list-style:none;} #nav_home ul li { display:inline; float:left; margin:0 2px 0 0; font-size:12px; font-weight:bold;} #nav_home ul li a { display:block; float:left; height:30px; line-height:30px; padding:0 0 0 15px; color:#696969;} #nav_home ul li span { display:block; float:left; height:30px; line-height:30px; padding:0 15px 0 0;} #nav_home ul li.over a { background:url(../images/bg/nav-home-ong.gif) no-repeat left top; color:#202020; font-size:15px;} #nav_home ul li.over span { background:url(../images/bg/nav-home-ong.gif) no-repeat right top; color:#202020; font-size:15px;} /* JQUERY_Tabs(Accordeon) */ .ui-tabs-hide { display: none; } #nav_home ul li.ui-tabs-selected a { background:url(../images/bg/nav-home-ong.gif) no-repeat left top; color:#202020; font-size:15px;} #nav_home ul li.ui-tabs-selected span {background:url(../images/bg/nav-home-ong.gif) no-repeat right top; color:#202020; font-size:15px;} #nav_home2 { height:29px; border-bottom:1px solid #dcdcdc;} #nav_home2 ul { margin:0; padding:0; list-style:none;} #nav_home2 ul li { display:inline; float:left; margin:0 2px 0 0; font-size:12px; font-weight:bold;} #nav_home2 ul li a { display:block; float:left; height:30px; line-height:30px; padding:0 0 0 15px; color:#696969;} #nav_home2 ul li span { display:block; float:left; height:30px; line-height:30px; padding:0 15px 0 0;} #nav_home2 ul li.over a { background:url(../images/bg/nav-home-ong.gif) no-repeat left top; color:#202020; font-size:14px;} #nav_home2 ul li.over span { background:url(../images/bg/nav-home-ong.gif) no-repeat right top; color:#202020; font-size:14px;} /* JQUERY_Tabs(Accordeon) */ .ui-tabs-hide { display: none; } #nav_home2 ul li.ui-tabs-selected a { background:url(../images/bg/nav-home-ong.gif) no-repeat left top; color:#202020; font-size:15px;} #nav_home2 ul li.ui-tabs-selected span {background:url(../images/bg/nav-home-ong.gif) no-repeat right top; color:#202020; font-size:15px;} /* --------- Promo-ISTING -------- */ #left_home .detail_listing { margin-top:30px; margin-bottom:30px;} #left_home .detail_listing .thumb { border-bottom:1px solid #ddd; padding:10px; } #left_home .detail_listing .thumb .image { float:left; width:135px; background:url(../images/bg/ombre-10.gif) no-repeat 75px bottom; } #left_home .detail_listing .thumb .description { float:left; width:360px;} #left_home .detail_listing .thumb .prix { float:right; width:110px; padding:0 0 0 10px; text-align:center;} #left_home .detail_listing span { display:block; float:left; height:20px; background:url(../images/bg/stars.gif) no-repeat 0 0;} #left_home .detail_listing span.star-1 { width:10px;} #left_home .detail_listing span.star-2 { width:20px;} #left_home .detail_listing span.star-3 { width:30px;} #left_home .detail_listing span.star-4 { width:38px;} #left_home .detail_listing span.star-5 { width:48px;} #left_home .detail_listing span.star-6 { width:58px;} #left_home .detail_listing p { margin:0 0 10px 0; padding:0; line-height:16px; color:#202020;} #left_home .detail_listing .thumb .description h3 { margin:0; padding:0; font-size:13px; float:left;} #left_home .detail_listing .thumb .description h3 a {color:#2067ad; padding:0 5px 0 0;} #left_home .detail_listing .thumb .prix h3 { font-size:13px; font-weight:normal; margin:0; padding:0;} #left_home .detail_listing .thumb .prix h4 { font-size:17px; color:#c63717; } #left_home .detail_listing .thumb .prix p { color:#696969;} #left_home .detail_listing p.online { margin:0;} #left_home .detail_listing p.online a { float:left; display:block; height:20px; line-height:20px; padding:0 10px 0 0; color:#2067ad; background: url(../images/bg/button-pdf.gif) no-repeat right top;} #left_home .detail_listing p.online a span { float:left; display:block; height:20px; line-height:20px; padding:0 0 0 18px; background: url(../images/bg/button-pdf.gif) no-repeat left top;} #left_home .detail_listing p.online a:hover { text-decoration:none; background-position: right bottom; color:#FFFFFF;} #left_home .detail_listing p.online a:hover span { text-decoration:none; background-position: left bottom; color:#FFFFFF;} #left_home .coup_coeur {} #left_home .coup_coeur { margin-top:30px; margin-bottom:30px;} #left_home .coup_coeur .thumb { border-bottom:1px dashed #ddd; padding:10px; } #left_home .coup_coeur .thumb .image { float:left; width:140px; } #left_home .coup_coeur .thumb .image img { padding:3px; background:#FFF; border:1px solid #DDD;} #left_home .coup_coeur .thumb .description { float:right; width:480px; padding:5px 0 0 0;} #left_home .coup_coeur .thumb .description h3 { margin:0; padding:0 0 10px 0; font-size:14px; } #left_home .coup_coeur .thumb .description h3 a {color:#2067ad; padding:0 5px 0 0; float:none;} #left_home .coup_coeur .thumb .description h3 a:hover { text-decoration:underline;} #left_home .coup_coeur .thumb .description p { margin:0 0 10px 0; padding:0;} #left_home .coup_coeur .thumb .description p.jour span { font-size:17px; color:#c63717; } #left_home .coup_coeur p.online { margin:0;} #left_home .coup_coeur p.online a { float:left; display:block; height:20px; line-height:20px; padding:0 10px 0 0; color:#2067ad; background: url(../images/bg/button-pdf.gif) no-repeat right top;} #left_home .coup_coeur p.online a span { float:left; display:block; height:20px; line-height:20px; padding:0 0 0 18px; background: url(../images/bg/button-pdf.gif) no-repeat left top;} #left_home .coup_coeur p.online a:hover { text-decoration:none; background-position: right bottom; color:#FFFFFF;} #left_home .coup_coeur p.online a:hover span { text-decoration:none; background-position: left bottom; color:#FFFFFF;} #right_home {} #right_home ul.cat { margin:0 0 20px 0; padding:0 15px; overflow:hidden;} #right_home ul.cat li { margin-bottom:2px; } #right_home ul.cat li a { display:block; float:left; width:200px; height:25px; line-height:25px;} #right_home #ecolo { padding:15px; } #right_home #ecolo h3 a {} #right_home #ecolo h4 { margin:0; padding:0 0 10px 0; font-size:13px; font-weight:bold; color:#518923; } #right_home #ecolo p { margin:0; padding:0 0 10px 0; } #right_home hr { border:none; border-top:1px dashed #DDD; height:1px; margin:0 15px;} #wrap_inside { padding:0; overflow:hidden; background:url(../images/bg/ombre-wrap-inside.gif) repeat-x top; } /* --- LEFT --- */ #left { float:left; width:220px; padding-bottom:30px;} #left #box_color { background:#ffda98 url(../images/bg/left-color.jpg); margin-bottom:5px;} #left #box_color #wrap { padding:30px 10px 0 10px;} #left #box_color #box_color_colt { clear:both; height:5px; line-height:5px; font-size:1px; background:url(../images/bg/box-color-colt.png) no-repeat 0 0; } #left #box_color ul li { margin:0; font-weight:bold;} #left #box_color ul li span { color:#88c1e9; font-size:11px; font-weight:bold; margin:0 0 0 5px; background:#2067ad; background:#e8832f; color:#FFFFFF;} #left #box_color ul li a { color:#fff;} #left .box { background:#EEE; padding:10px; margin-bottom:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #left h3 { font-size:14px; margin:0 0 10px 0;} #left h4 { margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold;} #left ul { margin:0 0 15px 0; padding:0;} #left ul li { margin:0;} #left ul li a { display:block; padding:3px 5px; color:#2067ad; } #left ul li span { background:#FFF; padding:1px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #left #box_color .separator { margin:0 0 15px 0; height:0px; line-height:0px; font-size:1px; border-bottom:1px dashed #eab45f; border-top:1px dashed #ffe78f;} #left #itablet {} #left #itablet p { margin:0 0 10px 0; padding:0; color:#696969;} #left #itablet img { margin-bottom:10px;} #left #itablet h4 { margin-bottom:5px;} /* --- RIGHT --- */ #right { float:right; width:660px; padding:30px 20px 30px 0; } #right h1 { padding:0 0 10px 0; font-size:26px;} #right h1 span {} #right h1 a {} #right h1 a:hover {} #right h2 { font-size:18px; line-height:24px; } #right h2 span {} #right h2 a {} #right h2 a:hover {} #right h2.green { color:#24611c;} #right h3 { margin:0 0 10px 0; padding:0; font-size:19px; line-height:19px; color:#2067ad; font-weight:normal;} #right h3 span { color:#2067ad;} #right h4 { margin:0; padding:0; font-size:14px; font-weight:bold;} #right h4 span { color:#202020; font-weight:normal;} #right #page_title { padding:0 0 10px 0;} #right #page_title h1 {margin:0 0 5px 0; padding:0; font-size:24px; line-height:28px; color:#202020; font-weight:normal;} #right #page_title h2 {margin:0; padding:0; font-size:18px; font-weight:normal; color:#696969;} #right #page_title h3 {margin:0 0 5px 0; padding:0; font-size:24px; line-height:28px; color:#202020; font-weight:normal;} #right #page_title h4 {margin:0; padding:0; font-size:18px; font-weight:normal; color:#696969;} #right p { line-height:20px;} /* --- LISTING_RIGHT_global --- */ #right #listing { position:relative; padding:10px 0; margin:10px 0; } #right #listing .nav_page { text-align:center; padding:10px; margin:5px 0 10px 0;} #right #listing .nav_page p { margin:0; font-weight:bold;} #right #listing .nav_page p a { padding:4px 9px; margin:0 1px; background:url(../images/bg/nav_bag.gif) no-repeat 0 0; color:#777;} #right #listing .nav_page p a:hover { background-position:bottom;} #right #listing .nav_page p span { font-weight:bold; margin:0 5px;} #right #listing .nav_page p span.curent { margin:0 5px;} #right #listing .nav_page p span.next { margin:0 5px; background:url(../images/bg/nav-arrow-right.gif) no-repeat right 50%; color:#999;} #right #listing .nav_page p span.next a { border:none; background:none; color:#2067ad} #right #listing .nav_page p span.prev { margin:0 5px; background:url(../images/bg/nav-arrow-left.gif) no-repeat 0 50%; color:#999;} #right #listing .nav_page p span.prev a { border:none; background:none; color:#2067ad} /* --- LISTING_TOURS --- */ #right #list_tour {} #right #list_tour .thumb { border-bottom:1px dashed #ddd; padding:10px; margin-bottom:5px;} #right #list_tour .thumb .image { float:left; width:120px; background:url(../images/bg/ombre-10.gif) no-repeat 80px bottom; } #right #list_tour .thumb .description { float:left; width:420px;} #right #list_tour h4 { margin:0; padding:0; font-size:14px; line-height:18px; font-weight:bold; color:#2067ad; } #right #list_tour p { margin:0 0 15px 0; padding:0; line-height:16px; color:#202020;} #right #list_tour p span.nr { font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;} #right #list_tour h5 { font-size:12px; line-height:16px; font-weight:normal; margin:0; padding:0 0 10px 0; color:#696969;} #right #list_tour p.online { margin:0;} #right #list_tour p.online a { float:left; display:block; height:20px; line-height:20px; padding:0 10px 0 0; color:#2067ad; background: url(../images/bg/button-pdf.gif) no-repeat right top;} #right #list_tour p.online a span { float:left; display:block; height:20px; line-height:20px; padding:0 0 0 18px; background: url(../images/bg/button-pdf.gif) no-repeat left top;} #right #list_tour p.online a:hover { text-decoration:none; background-position: right bottom; color:#fff;} #right #list_tour p.online a:hover span { text-decoration:none; background-position: left bottom; color:#fff;} /* --- LISTING_BROCHURES --- */ #right #list_brochures {} #right #list_brochures .thumb { padding:10px; margin-bottom:5px; border-bottom:1px dashed #DDD;} #right #list_brochures .thumb .image { float:left; width:105px; background:url(../images/bg/ombre-10.gif) no-repeat 80px bottom; } #right #list_brochures .thumb .description { float:left; width:470px; padding:0 0 0 20px; } #right #list_brochures h4 { margin:0; padding:0; font-size:14px; line-height:18px; font-weight:bold; color:#2067ad; } #right #list_brochures h5 { font-size:12px; line-height:16px; font-weight:normal; margin:0; padding:0 0 10px 0; color:#202020;} #right #list_brochures p { margin:0 0 5px 0; padding:0; line-height:16px; color:#696969;} #right #list_brochures p.nr span { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px;} #right #list_brochures p.plus { line-height:16px; margin:0 0 20px 0; padding:0 0 0 17px; background:url(../images/bg/ingo.gif) no-repeat 0 50%;} #right #list_brochures p.plus a { font-weight:bold; color:#FF9900;} #right #list_brochures p.online { margin:0;} #right #list_brochures p.online a { float:left; display:block; height:20px; line-height:20px; padding:0 10px 0 0; color:#202020; background: url(../images/bg/button-online.gif) no-repeat right top;} #right #list_brochures p.online a span { float:left; display:block; height:20px; line-height:20px; padding:0 0 0 18px; background: url(../images/bg/button-online.gif) no-repeat left top;} #right #list_brochures p.online a:hover { text-decoration:none; background-position: right bottom; color:#FFFFFF;} #right #list_brochures p.online a:hover span { text-decoration:none; background-position: left bottom; color:#FFFFFF;} #right #list_brochures .thumb .thumb_picto { float:left; width:30px;} #right #list_brochures .thumb .thumb_picto ul { margin:0; padding:0; list-style:none;} #right #list_brochures .thumb .thumb_picto ul li { display:block; float:left; width:30px; height:30px; background-image:url(../images/bg/picto-cerc-small.gif); background-repeat:no-repeat; background-position:0 0; margin:0 0 5px 0;} #right #list_brochures .thumb .thumb_picto ul li.avion { background-position:0 0;} #right #list_brochures .thumb .thumb_picto ul li.autocar { background-position:-30px 0;} #right #list_brochures .thumb .thumb_picto ul li.voiture { background-position:-60px 0;} #right #list_brochures .thumb .thumb_picto ul li.bateau { background-position:-90px 0;} #right #list_brochures .thumb .thumb_picto ul li.train { background-position:-120px 0;} /* --- LISTING_VOYAGES --- */ #right #list_voyages {} #right #list_voyages .thumb { background:url(../images/bg/thumb-brochures-bg.gif) no-repeat top; border:1px solid #EEE; padding:10px; margin-bottom:5px;} #right #list_voyages .thumb.promo {background:#fffef2; border:1px solid #EEE; padding:10px; margin-bottom:5px; border:1px solid #FFCC66} #right #list_voyages .thumb { -moz-border-radius: 4px; -webkit-border-radius: 4px; } #right #list_voyages .thumb .image { float:left; width:120px; background:url(../images/bg/ombre-10.gif) no-repeat 80px bottom; } #right #list_voyages .thumb .description { float:left; width:330px; padding-right:20px;} #right #list_voyages .thumb .prix { float:right; width:110px; padding:0 0 0 10px; text-align:center;} #right #list_voyages h4 { margin:0; padding:0 0 5px 0; font-size:14px; line-height:18px; font-weight:bold; color:#202020; } #right #list_voyages h4 span { display:inline; float:none; width:auto; background:none; font-size:12px; padding:0 10px; border-left:1px solid #ccc; margin:0 0 0 5px; color:#24a3ef;} #right #list_voyages .thumb .description p { color:#696969; margin:0 0 10px 0; line-height:16px;} #right #list_voyages .thumb .description p.place { display:block; float:left; font-size:17px;color:#2067ad; margin-right:10px; max-width:280px;} #right #list_voyages span { display:block; float:left; height:20px; background:url(../images/bg/stars.gif) no-repeat 0 0;} #right #list_voyages span.star-1 { width:10px;} #right #list_voyages span.star-2 { width:20px;} #right #list_voyages span.star-3 { width:30px;} #right #list_voyages span.star-4 { width:38px;} #right #list_voyages span.star-5 { width:46px;} #right #list_voyages span.star-6 { width:55px;} #right #list_voyages .thumb .thumb_picto { float:left; width:30px;} #right #list_voyages .thumb .thumb_picto ul { margin:0; padding:0; list-style:none;} #right #list_voyages .thumb .thumb_picto ul li { display:block; float:left; width:30px; height:30px; background-image:url(../images/bg/picto-cerc-small.gif); background-repeat:no-repeat; background-position:0 0; margin:0 0 5px 0;} #right #list_voyages .thumb .thumb_picto ul li.avion { background-position:0 0;} #right #list_voyages .thumb .thumb_picto ul li.autocar { background-position:-30px 0;} #right #list_voyages .thumb .thumb_picto ul li.voiture { background-position:-60px 0;} #right #list_voyages .thumb .thumb_picto ul li.bateau { background-position:-90px 0;} #right #list_voyages .thumb .thumb_picto ul li.train { background-position:-120px 0;} #right #list_voyages .thumb .prix .logo { width:110px; text-align:center; margin:0 0 10px 0;} #right #list_voyages .thumb .prix h3 { font-size:14px; color:#2067ad; font-weight:normal;} #right #list_voyages .thumb .prix h4 { font-size:19px; color:#c63717;} #right #list_voyages .thumb .prix p { margin:0; padding:0;} #right #list_voyages p.plus { line-height:16px; margin:0 0 20px 0; padding:0 0 0 17px; background:url(../images/bg/ingo.gif) no-repeat 0 50%;} #right #list_voyages p.plus a { font-weight:bold;} #right #list_voyages p.online { margin:0 10px 0 0;} #right #list_voyages p.online a { float:left; display:block; height:20px; line-height:20px; padding:0 10px 0 0; color:#202020; background: url(../images/bg/button-online.gif) no-repeat right top;} #right #list_voyages p.online a span { float:left; display:block; height:20px; line-height:20px; padding:0 0 0 18px; background: url(../images/bg/button-online.gif) no-repeat left top;} #right #list_voyages p.online a:hover { text-decoration:none; background-position: right bottom; color:#FFFFFF;} #right #list_voyages p.online a:hover span { text-decoration:none; background-position: left bottom; color:#FFFFFF;} #right #list_voyages p.contact { margin:10px 0 0 0; padding:0 0 0 15px; background:url(../images/bg/arrow-contact.gif) no-repeat 0 0;} #right #list_voyages p.contact a { color:#202020;} /* ----- TAB-NAV ----- */ #right #tab_nav { height:28px; margin:20px 0; border-bottom:2px solid #0098db;} #right #tab_nav ul { margin:0; padding:0; list-style:none;} #right #tab_nav ul li { display:inline; float:left; font-size:12px; margin:0 2px 0 0;} #right #tab_nav ul li a { display:block; font-weight:bold; float:left; height:30px; line-height:30px; padding:0 0 0 5px; text-decoration:none; color:#202020; background:url(../images/bg/nav-tab-gb.gif) no-repeat left top;} #right #tab_nav ul li span { display:block; float:left; height:30px; line-height:30px; padding:0 10px 0 5px; background-color:#DDD; background:url(../images/bg/nav-tab-gb.gif) no-repeat right top;} #right #tab_nav ul li.over a { color:#fff; background-position:left bottom; font-weight:bold; font-size:14px;} #right #tab_nav ul li.over span {background-position:right bottom; font-weight:bold; font-size:14px;} #right #tab_nav ul li.ui-tabs-selected a { color:#fff; background-position:left bottom; font-weight:bold; font-size:14px;} #right #tab_nav ul li.ui-tabs-selected span {background-position:right bottom; font-weight:bold; font-size:14px;} /* ----- PICTOS - LISTING ----- */ #right #tab_nav #picto { height:30px; float:right; } #right #tab_nav #picto ul { float:right; margin:0; padding:0; list-style:none;} #right #tab_nav #picto ul li { display:inline; float:left; margin:0 0 0 2px; font-size:11px;} #right #tab_nav #picto ul li a { display:block; float:left; width:20px; height:30px; font-size:11px; font-weight:normal; line-height:36px; padding:0 0 0 25px; background:#EEE; color:#2067ad; background:url(../images/bg/picto-lising.gif) no-repeat;} #right #tab_nav #picto ul li.over a { color:#696969;} #right #tab_nav #picto ul li.avion a { background-position:0 bottom;} #right #tab_nav #picto ul li.autocar a { background-position:-45px bottom;} #right #tab_nav #picto ul li.voiture a { background-position:-90px bottom;} #right #tab_nav #picto ul li.bateau a { background-position:-135px bottom;} #right #tab_nav #picto ul li.train a { background-position:-180px bottom;} #right #tab_nav #picto ul li.avion.over a { background-position:0 top; line-height:30px; color:#fff; font-weight:bold;} #right #tab_nav #picto ul li.autocar.over a { background-position:-45px top; line-height:30px; color:#fff; font-weight:bold;} #right #tab_nav #picto ul li.voiture.over a { background-position:-90px top; line-height:30px; color:#fff; font-weight:bold;} #right #tab_nav #picto ul li.bateau.over a { background-position:-135px top; line-height:30px; color:#fff; font-weight:bold;} #right #tab_nav #picto ul li.train.over a { background-position:-180px top; line-height:30px; color:#fff; font-weight:bold;} /* --------- ------------------------ DETAIL ---------------------- -------- */ #right #detail { margin-bottom:30px;} #right #detail #detail_cover { float:left; width:230px; height:270px; background:url(../images/bg/detail-cover-ombre.gif) no-repeat right bottom;} #right #detail #detail_description { float:right; width:420px; padding:20px 0 0 0;} #right #detail #detail_description h1 { margin:0; padding:0 0 10px 0; font-size:26px; line-height:26px; color:#202020;} #right #detail #detail_description h2 {} #right #detail #detail_description h3 { margin:0 0 5px 0; padding:0; font-size:15px; font-weight:bold;} #right #detail #detail_description p { margin:0 0 20px 0; line-height:18px; color:#696969;} #right #detail p.online { margin:0;} #right #detail p.online a { float:left; display:block; height:20px; line-height:20px; padding:0 10px 0 0; color:#202020; background: url(../images/bg/button-online.gif) no-repeat right top;} #right #detail p.online a span { float:left; display:block; height:20px; line-height:20px; padding:0 0 0 18px; background: url(../images/bg/button-online.gif) no-repeat left top;} #right #detail p.online a:hover { text-decoration:none; background-position: right bottom; color:#FFFFFF;} #right #detail p.online a:hover span { text-decoration:none; background-position: left bottom; color:#FFFFFF;} #right #detail #add { float:left; margin-left:20px; padding-left:20px; width:190px; border-left:1px dotted #DDD; height:22px;} #voir_video { float:left; display:block; margin:20px 0; padding:0 0 0 25px; background:url(../images/bg/voir-video.gif) no-repeat 0 0;} #voir_video p { margin:0; padding:0; line-height:25px;} #right #picto_detail { margin-bottom:10px;} #right #picto_detail ul { margin:0; padding:0; list-style:none; height:30px;} #right #picto_detail ul li { display:block; float:left; width:30px; height:30px; background-image:url(../images/bg/picto-cerc-small.gif); background-repeat:no-repeat; background-position:0 0; margin:0 5px 0 0;} #right #picto_detail ul li.avion { background-position:0 0;} #right #picto_detail ul li.autocar { background-position:-30px 0;} #right #picto_detail ul li.voiture { background-position:-60px 0;} #right #picto_detail ul li.bateau { background-position:-90px 0;} #right #picto_detail ul li.train { background-position:-120px 0;} #right #brochure-all { margin-bottom:50px;} #right #brochure-all ul { margin:0; padding:0; list-style:none;} #right #brochure-all ul li { height: 150px; margin-bottom: 10px; display:inline; float:left; width:65px; margin:0 20px 0 0;} #right #brochure-all ul li a { display:block; float:left; width:80px; margin-bottom:7px; background:url(../images/bg/ombre-brochures-all.gif) no-repeat right bottom;} #right #brochure-all ul li a {} #right #brochure-all ul li p { margin:0; font-size:11px; text-align:center; color:#696969; line-height:12px; } /* ----- CAROUSEL ----- */ #right .wrap_carousel { position:relative; padding:20px 0; margin-bottom:30px; background:#EEE; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #right .carousel { margin:0 0 0 60px;} #right .carousel ul { margin:0; padding:0; list-style:none;} #right .carousel ul li { display:inline; float:left; margin:0 5px;} #right .carousel ul li a { display:block; float:left; width:100px; height:110px; background: url(../images/bg/ombre-10.gif) no-repeat right bottom;} #right .wrap_carousel p.prev { z-index:10; position:absolute; left:10px; top:30px; display:block; width:30px; height:30px; background:url(../images/bg/j_arrow.gif) no-repeat right 0; cursor:pointer;} #right .wrap_carousel p.prev:hover { background-position: right bottom; } #right .wrap_carousel p.next { z-index:10; position:absolute; right:10px; top:30px; display:block; width:30px; height:30px; background:url(../images/bg/j_arrow.gif) no-repeat left 0; cursor:pointer;} #right .wrap_carousel p.next:hover { background-position: left bottom; } #tooltip { position:absolute; z-index:1000; color:#FFF; padding:0 0 0 10px; background:url(../images/bg/tooltip-colt.gif) no-repeat 0 -5px; display:none; } #tooltip span { background-color:#202020; padding:10px; } /* --------- DETAIL-LISTING -------- */ #right #detail_listing { margin-bottom:30px; } #right #detail_listing .thumb { background:#F9F9F9; border-bottom:1px solid #EEE; border-top:1px solid #EEE; padding:10px; margin-bottom:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #right #detail_listing .thumb .image { float:left; width:100px; background:url(../images/bg/ombre-10.gif) no-repeat 60px bottom; } #right #detail_listing .thumb .description { float:left; width:370px; padding:0 20px 0 0; } #right #detail_listing .thumb .description h3 { margin:0; padding:0;} #right #detail_listing .thumb .prix { float:right; width:110px; padding:0 0 0 10px; text-align:center;} #right #detail_listing span { display:block; float:left; height:20px; background:url(../images/bg/stars.gif) no-repeat 0 0;} #right #detail_listing .thumb .picto { width:30px; margin:0; float:left;} #right #detail_listing .thumb .picto { } #right #detail_listing .thumb .picto ul { margin:0; padding:0; list-style:none;} #right #detail_listing .thumb .picto ul li { display:block; float:left; width:30px; height:30px; background-image:url(../images/bg/picto-cerc-small.gif); background-repeat:no-repeat; background-position:0 0; margin:0 0 5px 0;} #right #detail_listing .thumb .picto ul li.avion { background-position:0 0;} #right #detail_listing .thumb .picto ul li.autocar { background-position:-30px 0;} #right #detail_listing .thumb .picto ul li.voiture { background-position:-60px 0;} #right #detail_listing .thumb .picto ul li.bateau { background-position:-90px 0;} #right #detail_listing .thumb .picto ul li.train { background-position:-120px 0;} #right #detail_listing span.star-1 { width:10px;} #right #detail_listing span.star-2 { width:20px;} #right #detail_listing span.star-3 { width:30px;} #right #detail_listing span.star-4 { width:38px;} #right #detail_listing span.star-5 { width:48px;} #right #detail_listing span.star-6 { width:58px;} #right #detail_listing p { margin:0 0 10px 0; padding:0; line-height:16px; color:#696969;} #right #detail_listing .thumb .description h3 { margin:0; padding:0; font-size:14px; float:left; color:#202020; margin:0; font-weight:bold;} #right #detail_listing .thumb .prix h3 { font-size:13px; font-weight:normal; margin:0; padding:0;} #right #detail_listing .thumb .prix h4 { font-size:17px; color:#c63717; font-weight:normal; } #right #detail_listing .thumb .prix p { color:#696969;} #right #detail_listing p.online { margin:0;} #right #detail_listing p.online a { float:left; display:block; height:20px; line-height:20px; padding:0 10px 0 0; color:#202020; background: url(../images/bg/button-online.gif) no-repeat right top;} #right #detail_listing p.online a span { float:left; display:block; height:20px; line-height:20px; padding:0 0 0 18px; background: url(../images/bg/button-online.gif) no-repeat left top;} #right #detail_listing p.online a:hover { text-decoration:none; background-position: right bottom; color:#FFFFFF;} #right #detail_listing p.online a:hover span { text-decoration:none; background-position: left bottom; color:#FFFFFF;} #right #detail_listing p.contact { margin:10px 0 0 0; padding:0 0 0 15px; background:url(../images/bg/arrow-contact.gif) no-repeat 0 0;} #right #detail_listing p.contact a { color:#696969;} /* --------- LISTING-AGENCES -------- */ #right #list_agences { margin:20px 0;} #right #list_agences .thumb { border-bottom:1px dashed #DDD; padding:10px 0;} #right #list_agences .thumb .title { float:left; width:200px;} #right #list_agences .thumb .title h3 { font-weight:bold; padding-left:10px; margin-bottom:10px;} #right #list_agences .thumb h3 { margin:0; padding:0; font-size:15px;} #right #list_agences .thumb p { margin:0; padding:0; color:#696969;} #right #list_agences .thumb .description { float:left; width:300px;} #right #list_agences .thumb .description h3 { color:#202020;} #right #list_agences .thumb .description img { float:right; margin:0 20px 0 20px;} #right #list_agences .thumb .description p.plan a { padding-left:17px; background:url(../images/bg/lupe-plan.gif) no-repeat 0 0;} #right #list_agences .thumb .tel { height:50px; float:left; width:118px; padding:0 0 0 40px; font-size:15px; background:url(../images/bg/tel-agences.gif) no-repeat 0 center;} #right #list_agences .thumb .tel p { color:#696969;line-height:50px;} #right #select_box { margin:20px 0 -20px 0; padding:0 0 0 5px; width:195px; height:34px; background:url(../images/bg/bg-select-agences.gif); float:left;} #right #select_box form { margin:0; padding:0;} #agences_iconselect {font-size:12px; position:relative; width:183px; padding:4px 1px 2px 7px; height:18px; line-height:18px; margin:5px 0 0 0; } .selectwrapper { margin-top:0px; margin-left:-2px; display:none; position:absolute; z-index:100; width:184px; padding:3px 5px 0 5px; background:url('../images/bg/select_bag.png') top; } .selectwrapper .selectitems { padding:5px; z-index:10000; border-bottom: solid 1px #EEE; } .selectwrapper .last { border: none; } .selectwrapper .hoverclass { background-color:#c6e7ff; cursor:pointer; } .selectwrapper .selectedclass { background-color:#EEE; } .selectfooter { background:url('../images/bg/select_bag.png') bottom; height: 8px; margin-bottom:-8px; margin-left:-8px; width:200px;} #right #list_agences .thumb.sponsored { padding:20px 0; background:#F9F9F9; border-bottom:1px solid #DDD; margin-bottom:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #right #list_agences .thumb .title p { padding:0 0 0 10px; margin:0 0 5px 0; line-height:12px; font-size:11px;} #right #list_agences .thumb .title p a { color:#696969} #right #list_agences .thumb .title p a:hover { text-decoration:none; color:#202020;} #right #form_head { margin:30px 0 10px 0; background:#F9F9F9; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:10px; border:1px solid #E4E4E4; } #right #form_head #form_left { width:300px; float:left; padding:20px 0 0 10px;} #right #form_head #form_right { width:250px; float:right;} #right #form_wrap { padding:20px;} #right #form_wrap form { margin:0; padding:0;} #right #form_wrap form label { display:block; float:left; width:80px; line-height:12px; font-size:12px;} #right #form_wrap form input.champ { margin-bottom:8px; float:left; padding:3px; background:#FFFFFF; border:1px solid #CCC; width:190px;} /* ----- HAMZA Adds ----- */ .selectedTransport { border: solid 2px yellow; } /* ----- TABLE-externe-jquery (popup) ----- */ table.popup { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#202020;} table.popup tr {} table.popup tr td { padding:5px;} table.popup input { margin:0 0 5px 0; padding:3px; background:#F9F9F9; border:1px solid #DDD; border-left-color:#EEE; border-top-color:#EEE; font-size:12px; font-weight:normal; color:#202020;} table.popup input { width:200px;} table.popup label { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} table.popup label span { color:#FF3300;} table.popup {} table.popup {} #right hr { height:1px; line-height:1px; font-size:1px; border:none; border-bottom:1px dashed #CCC; margin:40px 0; padding:0;} /* ----- RESERVATION ----- */ #right #reservation {} #right #reservation #box_voyage { padding:10px; margin:20px 0; border-bottom:1px solid #DDD; border-top:1px solid #DDD; } #right #reservation #box_voyage #blox_voyage_left { float:left; width:300px;} #right #reservation #box_voyage #blox_voyage_right { float:right; width:300px; padding:0 0 0 20px; border-left:1px dashed #ccc} #right #reservation #box_voyage #blox_voyage_right #rez_cover { float:left; padding:0 25px 0 0; background:url(../images/bg/ombre-10.gif) no-repeat right bottom;} #right #reservation #box_voyage h3 { margin:0; padding:0 0 3px 0;} #right #reservation #box_voyage h4 { margin:0; padding:0 0 20px 0;} #right #reservation #box_voyage p { margin:0; padding:0 0 5px 0; line-height:14px; } #right #reservation #box_form_gri { position:relative; background:#EEE; margin-bottom:15px; } #right #reservation #box_form_gri #bfg_top { height:5px; line-height:1px; font-size:1px; background:url(../images/bg/colt-reservation.gif) no-repeat 0 0;} #right #reservation #box_form_gri #bfg_bottom { height:5px; line-height:1px; font-size:1px; background:url(../images/bg/colt-reservation.gif) no-repeat 0 -4px;} #right #reservation #box_form_gri #bfg_wrap { padding:0 10px 0 10px;} #right #reservation #box_form_gri h3 { margin:5px 0; padding:0; font-size:15px; font-weight:bold; } #right #reservation #box_form_gri .box_white { margin:0 0 15px 0;} #right #reservation #box_form_gri .box_white .bw_top {height:4px; line-height:1px; font-size:1px; background:url(../images/bg/colt-reservation.gif) no-repeat -10px -9px;} #right #reservation #box_form_gri .box_white .bw_bottom {height:4px; line-height:1px; font-size:1px; background:url(../images/bg/colt-reservation.gif) no-repeat -10px -16px;} #right #reservation #box_form_gri .box_white .bw_wrap { padding: 10px; background:#FFFFFF; border-left:1px solid #DDD; border-right:1px solid #DDD;} #right #reservation form { margin:0; padding:0; } #right #reservation form label { display:block; width:115px; text-align:right; font-weight:bold;} #right #reservation form label span { color:#FF6600;} #right #reservation form textarea { width:400px; height:120px;font-size:12px; padding:3px; border:1px solid #94b2c4; background:#fffef2; margin-bottom:5px;} #right #reservation form .select { width:200px; padding:5px 3px; font-size:12px; border:1px solid #94b2c4; background:#fffef2; margin-bottom:5px 0;} #right #reservation form input.button_reservation { margin:0 0 0 10px; font-size:14px; font-weight:bold; color:#FFFFFF; background:url(../images/bg/button-reservation.gif); border:none; width:90px; height:25px; text-align:center; cursor:pointer;} #right #reservation form input.champ { font-size:12px; padding:3px; border:1px solid #94b2c4; background:#fffef2; width:200px;} #right #reservation .color_yellow { padding:10px; margin:10px 0; } #right #reservation .color_yellow table { border-top:1px solid #94b2c4} #right #reservation .color_yellow p { margin:0; padding:0; color:#696969} #right #reservation .color_yellow h4 { margin:0; padding:0; font-size:12px;color:#202020;} #right #reservation .color_yellow table tr td { border-bottom:1px solid #94b2c4; padding:5px 0;} #right #reservation .color_yellow table tr.sponsored td { background:#fffef2} #right #reservation .color_yellow p.plan a { padding-left:17px; background:url(../images/bg/lupe-plan.gif) no-repeat 0 0;} /* ----- CONTACT ----- */ #right #contact {} #right #contact .box_yellow { padding:5px 10px; background:#FFFFCC; -moz-border-radius:8px; -webkit-border-radius:8px; margin-bottom:20px; border:1px dashed #FF9933} #right #contact .box_yellow p { margin:0; padding:0;} #right #contact h3 { font-size:15px; font-weight:bold;} #right #contact h3 span { display:block; float:left; text-align:center; width:20px; height:20px; margin:0 5px 0 0; background:url(../images/bg/cerc-orange.gif) no-repeat 0 0; color:#FFFFFF; } #right #contact p { } #right #contact ul {} #right #contact ul li { list-style:disc; margin-bottom:5px; color:#696969;} #right #contact p.contact-ong { margin:0 0 0 20px; display:block; float:left; height:20px; line-height:20px; width:200px; font-size:14px; font-weight:bold; color:#FFFFFF; background:url(../images/bg/contact-ong.gif) no-repeat top; padding:0 0 0 5px; cursor:pointer; } #right #contact p.contact-ong.over { margin:0 0 0 20px; display:block; float:left; height:20px; line-height:20px; width:200px; font-size:14px; font-weight:bold; color:#FFFFFF; background:url(../images/bg/contact-ong.gif) no-repeat bottom; padding:0 0 0 5px; color:#2067ad } #right #contact #box_form_gri { margin-top:-1px; background:#EEE; margin-bottom:15px; } #right #contact #box_form_gri #bfg_top { height:5px; line-height:1px; font-size:1px; background:url(../images/bg/colt-reservation.gif) no-repeat 0 0;} #right #contact #box_form_gri #bfg_bottom { height:5px; line-height:1px; font-size:1px; background:url(../images/bg/colt-reservation.gif) no-repeat 0 -4px;} #right #contact #box_form_gri #bfg_wrap { padding: 10px} #right #contact form { margin:0; padding:0; } #right #contact form label { display:block; width:110px; text-align:right; font-weight:bold;} #right #contact form label span { color:#FF6600;} #right #contact form input.champ { font-size:12px; padding:3px; border:1px solid #94b2c4; background:#fffef2; width:200px;} #right #contact form textarea { width:400px; height:120px;font-size:12px; padding:3px; border:1px solid #94b2c4; background:#fffef2; margin-bottom:5px;} #right #contact form input.button { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; background:url(../images/bg/button-contact.gif); border:none; width:70px; height:20px; text-align:center; cursor:pointer;} #right #contact .contact-separator { margin:20px 0 0 0; height:20px; border-top:1px dashed #AAA;} /* HOME-Left-3 */ #left_home_3 { float:left; width:650px; } #right_home_3 { float:right; width:250px; } #nav_home_3 { height:29px; border-bottom:1px solid #dcdcdc;} #nav_home_3 ul { margin:0; padding:0; list-style:none;} #nav_home_3 ul li { display:inline; float:left; margin:0 2px 0 0; font-size:12px; font-weight:bold;} #nav_home_3 ul li a { display:block; float:left; height:30px; line-height:30px; padding:0 0 0 15px; color:#696969;} #nav_home_3 ul li span { display:block; float:left; height:30px; line-height:30px; padding:0 15px 0 0;} #nav_home_3 ul li.over a { background:url(../images/bg/nav-home-ong.gif) no-repeat left top; color:#202020; font-size:15px;} #nav_home_3 ul li.over span { background:url(../images/bg/nav-home-ong.gif) no-repeat right top; color:#202020; font-size:15px;} #left_home .option { padding:20px 10px; margin-bottom:40px; overflow:hidden;} #left_home .option p.online { margin:0;} #left_home .option p.online a { float:left; display:block; height:20px; line-height:20px; padding:0 10px 0 0; color:#2067ad; background: url(../images/bg/button-pdf.gif) no-repeat right top;} #left_home .option p.online a span { float:left; display:block; height:20px; line-height:20px; padding:0 0 0 18px; background: url(../images/bg/button-pdf.gif) no-repeat left top;} #left_home .option p.online a:hover { text-decoration:none; background-position: right bottom; color:#FFFFFF;} #left_home .option p.online a:hover span { text-decoration:none; background-position: left bottom; color:#FFFFFF;} #left_home .option #opt_video { float:left; width:337px;} #left_home .option #opt_video #ec_video { width:327px; background:#d9ebf7; border:5px solid #d9ebf7} #left_home .option #opt_video #ec_ombre { height:18px; width:337px; background:url(../images/bg/video-ombre.gif) no-repeat center 0;} #left_home .option h3 { margin:0; padding:0 0 5px 0; font-size:14px; font-weight:bold; color:#2067ad;} #left_home .option p { margin:0; padding:0 0 10px 0; color:#646464;} #left_home .option #opt_concours { float:right; width:220px; padding:10px 0 0 0; } #left_home .option #concours ul { position:absolute; top:259px; left:40px; margin:0; padding:0; list-style:none; width:140px;} #left_home .option #concours ul li { display:inline; float:left; margin-bottom:5px;} #left_home .option #concours ul li a { display:block; float:left; height:30px; line-height:30px; width:140px;} #left_home .option #opt_concours h3 { margin:0; padding:0;} #left_home .option #opt_concours h4 { margin:0; padding:0;} #left_home .option #opt_concours p {} #right #destination_list .nav_alpha { padding:10px; margin:5px 0 10px 0;} #right #destination_list .nav_alpha p { margin:0; padding:0; font-weight:bold; font-size:11px;} #right #destination_list .nav_alpha p a { padding:4px 8px; margin:0 1px 0 0; background:#EEE; color:#444;} #right #destination_list .nav_alpha p a:hover { background-position:bottom;} #right #destination_list .nav_alpha p span { font-weight:bold; margin:0 5px;} #right #destination_list .nav_alpha p span.curent { margin:0 5px;} #right #destination_list ul h3 { font-size:14px; font-weight:bold; margin:0 0 10px 0; padding:0; color:#202020;} #right #destination_list ul { margin:5px; padding:10px; border-right:1px solid #EEE; float:left; width:185px;} #right #destination_list ul li { display:inline-block; width:165px; padding:3px 0;} #right #destination_list ul li a {} #right #destination_list ul li a:hover { text-decoration:underline;} /* WEB-TV */ #web_tv { margin:10px 0 10px 8px; height:330px; overflow:hidden; padding:10px 20px; background:url(../images/bg-skynet/bg-web-tv.jpg) no-repeat 0 0;} #web_tv #top_tv { height:30px; margin-bottom:5px; } #web_tv #top_tv h3 { margin:0; padding:0; font-size:19px; font-weight:bold; float:left; color:#FFF;} #web_tv #top_tv h3 span { color:#ffac00;} #web_tv #top_tv img { float:left; margin:-5px 0 0 190px;} #web_tv #left_tv { float:left; width:518px; height:276px;} #web_tv #right_tv { float:right; width:310px; padding:0 10px 0 0;} #web_tv #right_tv h2 { margin:-15px 0 5px 0; padding:0; color:#202020; font-size:15px; font-style:italic; text-align:center; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;} #web_tv #right_tv h3 { margin:0 0 5px 0; padding:0; font-size:26px; line-height:28px; font-weight:bold; color:#FFF; font-weight:bold; text-align:center;} #web_tv #right_tv h4 { margin:0 0 5px 0; padding:0 20px; color:#000; font-size:14px; font-weight:bold; line-height:18px; text-align:center;} #web_tv #right_tv input.ok_fr { margin:30px 0 0 20px; padding:0; border:none; height:30px; width:135px; background:url(../images/bg-skynet/ok-concours-fr.gif); cursor:pointer;} #web_tv #right_tv input.ok_nl { margin:30px 0 0 20px; padding:0; border:none; height:30px; width:135px; background:url(../images/bg-skynet/ok-concours-nl.gif); cursor:pointer;}