* { margin: 0; padding: 0; } body { height: 850px; background: #D7E7F7 url(/tur/images/body_bg.png) repeat-x left top; color: #333; font-family: Helvetica, Arial, "MS Trebuchet", sans-serif; } a:link, a:hover, a:visited { text-decoration: none; } a:link { color: #EB6920; } a:hover, a:visited { color: #C0561A; } .no_deco { text-decoration: none; } .hide { display: none; } ul.tabs li { display: inline; } ul.tabs li a { display: block; float: left;} .box .spacer { border-bottom: 1px dashed black; margin-bottom: 10px;} #logo { margin-left: 18px; display: block; width: 208px; height: 82px; background: transparent url(/tur/images/logo.png) no-repeat left top;} /* Pills */ .pill_1 { background-color: #477F40; margin: 0px 5px 0px 5px; } .pill_1_left { background: transparent url(/tur/images/pill_1/left.png) no-repeat top left; } .pill_1_right {background: transparent url(/tur/images/pill_1/right.png) no-repeat top right; } .pill_1_center {height: 20px; color: white; padding: 4px 14px 0px 14px; } .pill_1, .pill_1_left, .pill_1_right, .pill_1_center { display: inline-block; } .pill_1:hover {text-decoration: none !important;} body.page_44 .pill_1, body.page_46 .pill_1 { background-color: #013E7D } body.page_10 .pill_1 { background-color: #009C91 } body.page_17 .pill_1 { background-color: #B9CC00 } body.page_16 .pill_1 { background-color: #477F40 } /* menu */ #menu ul li a { color: #003e7e; display: block; text-align: right;} #rainbow { width: 50%; height: 275px; position: absolute; top: 82px; right: 0px; background: transparent url(/tur/images/rainbow_bg.png) repeat-x top left; } #menu { margin-left: 46px;} #menu ul { font-weight: bold; font-size: 14px; width: 200px;} #menu ul li.mainmenu { position: relative; margin-left: 163px;} #menu ul li.mainmenu.horaires { background-color: #013E7D; } #menu ul li.mainmenu.tarifs { background-color: #009C91; } #menu ul li.mainmenu.actualites { background-color: #477F40; } #menu ul li.mainmenu.nos_plus { background-color: #B9CC00; } #menu ul li.mainmenu.vivre_a_reims { background-color: #EC6921; } #menu ul li.mainmenu.qui_sommes_nous { background-color: #E2007B; } #menu ul li.mainmenu a { margin-left: -163px; line-height: 45px; border-top: 1px solid #9eb9d4; height: 45px; width: 156px; padding-right: 24px; background: transparent url(/tur/images/menu_li.png) no-repeat left top;} #menu ul li.mainmenu a:hover { font-weight: bold; font-style: italic; } #menu ul li.mainmenu.tarifs a { line-height: 14px; height: 26px; padding-top: 9px; padding-bottom: 9px; } /* submenu */ #menu ul li.submenu ul { margin-left: 0px; } #menu ul li.submenu ul { border-top:1px solid #9EB9D4; font-weight: normal; font-size: 12px; } #menu ul li.submenu ul li { position: relative; } #menu ul li.submenu ul li a { padding: 8px 0; display: block; padding-right: 24px; border-bottom: 1px solid white; width: 155px; background-image: none; } #menu ul li.submenu ul li a:link, #menu ul li.submenu ul li a:visited { } #menu ul li.submenu ul li a:hover, #menu ul li.submenu ul li a:active, #menu ul li.submenu ul li.selected a { font-weight: bold; font-style: italic; } #menu ul li#submenu_horaires ul li a { background-image: url(/tur/images/submenu_horaires_bg.png); } #menu ul li#submenu_horaires ul li.selected a { background-image: url(/tur/images/submenu_horaires_bg_selected.png); } #menu ul li#submenu_tarifs ul li a { background-image: url(/tur/images/submenu_tarif_bg.png);} #menu ul li#submenu_tarifs ul li.selected a { background-image: url(/tur/images/submenu_tarif_bg_selected.png);} #menu ul li#submenu_actualites ul li a { background-image: url(/tur/images/submenu_actualites_bg.png); } #menu ul li#submenu_actualites ul li.selected a { background-image: url(/tur/images/submenu_actualites_bg_selected.png); } #menu ul li#submenu_nos_plus ul li a { background-image: url(/tur/images/submenu_nos_plus_bg.png); } #menu ul li#submenu_nos_plus ul li.selected a { background-image: url(/tur/images/submenu_nos_plus_bg_selected.png); } #menu ul li#submenu_vivre_a_reims ul li a { background-image: url(/tur/images/submenu_reims_bg.png);} #menu ul li#submenu_vivre_a_reims ul li.selected a { background-image: url(/tur/images/submenu_reims_bg_selected.png); } #menu ul li#submenu_qui_sommes_nous ul li a { background-image: url(/tur/images/submenu_qui_sommes_nous_bg.png); } #menu ul li#submenu_qui_sommes_nous ul li.selected a { background-image: url(/tur/images/submenu_qui_sommes_nous_bg_selected.png); } /* page */ #page { width: 780px; background: transparent url(/tur/images/page_bottom_bg.png) no-repeat left bottom; position: absolute; top: 0px; left: 220px;} #page #page_content { background: transparent url(/tur/images/page_bg.png); background-repeat: repeat-y; padding: 0 15px; margin-bottom: 13px;} .box_content li { list-style-image: url(/tur/images/arrow_ariane.png); list-style-type: none; padding: 0; margin: 0; } .box_content h2.page_title { font-size: 18px !important; font-weight: bold; margin-bottom: 12px } .box_content h3, .box_content h4, .box_content h5 { font-size: 12px !important; font-weight: bold; margin: 8px 0 5px; font-style: italic; } #content .box { margin-right: 222px; min-height:300px; height: auto !important; height:300px; } #content .large_box { margin-right: 0 !important } #marker_tooltip { background-color: #000; border: 1px #FFFFFF solid; color: #FFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; opacity: 0.8; filter: "alpha(opacity=70)"; padding: 2px 1ex; white-space: nowrap; margin: 0; z-index: 5000; } body.stop_areas.index #content .box { border-color: #013E7D; } body.stop_areas.index #content .box h1 { background-color: #013E7D; } body.stop_areas.index .box_content h2.page_title { color: #013E7D !important; } .body_category_horaires #content .box { border-color: #013E7D; } .body_category_horaires #content .box h1 { background-color: #013E7D; } .body_category_horaires .box_content li { list-style-image: url(/tur/images/arrow_horaires.png); } .body_category_horaires .box_content h2.page_title, .body_category_horaires .box_content h4, .body_category_horaires .box_content h4 a, .body_category_horaires .box_content h5, .body_category_horaires .box_content h5 a, .body_category_horaires .box_content h3, .body_category_horaires .box_content h3 a { color: #013E7D !important; } .body_category_tarifs #content .box { border-color: #009C91; } .body_category_tarifs #content .box h1 { background-color: #009C91; } .body_category_tarifs .box_content li { list-style-image: url(/tur/images/arrow_tarifs.png); } .body_category_tarifs .box_content h2.page_title, .body_category_tarifs .box_content h4, .body_category_tarifs .box_content h4 a, .body_category_tarifs .box_content h5, .body_category_tarifs .box_content h5 a, .body_category_tarifs .box_content h3, .body_category_tarifs .box_content h3 a { color: #009C91 !important; } .body_category_tarifs #map { height: 363px; margin-left: 10px; } .body_category_tarifs dl.place_tip_info { padding: 5px; } .body_category_tarifs dd.place_tip_info { padding: 1px 0px; } .body_category_tarifs dt.place_tip_info { font-weight: bold; font-size: 14px; padding: 5px 0px 10px; } .body_category_tarifs dl.place_tip_stop_info { padding: 5px; } .body_category_tarifs dt.place_tip_stop_info { font-weight: bold; font-size: 14px; padding: 5px 0px; } .body_category_tarifs dd.place_tip_stop_info { padding: 5px 0px; } .body_category_tarifs dt.place_line_detail { font-weight: normal; font-size: 12px; float: left; margin-right: 5px; padding: 2px 0px; } .body_category_tarifs dd.place_line_stops { font-size: 12px; float: left; padding: 1px 10px; margin-left: 4px; color: white; font-weight: bold; } .body_category_tarifs dd.place_line_clear { clear: left; } .body_category_actualites #content .box { border-color: #477F40; } .body_category_actualites #content .box h1 { background-color: #477F40; } .body_category_actualites .box_content li { list-style-image: url(/tur/images/arrow_actualites.png); } .body_category_actualites .box_content h2.page_title, .body_category_actualites .box_content h4, .body_category_actualites .box_content h4 a, .body_category_actualites .box_content h5, .body_category_actualites .box_content h5 a, .body_category_actualites .box_content h3, .body_category_actualites .box_content h3 a { color: #477F40 !important; } .body_category_nos_plus #content .box { border-color: #B9CC00; } .body_category_nos_plus #content .box h1 { background-color: #B9CC00; } .body_category_nos_plus .box_content li { list-style-image: url(/tur/images/arrow_nos_plus.png); } .body_category_nos_plus .box_content h2.page_title, .body_category_nos_plus .box_content h4, .body_category_nos_plus .box_content h4 a, .body_category_nos_plus .box_content h5, .body_category_nos_plus .box_content h5 a, .body_category_nos_plus .box_content h3, .body_category_nos_plus .box_content h3 a { color: #B9CC00 !important; } .body_category_vivre_a_reims #content .box { border-color: #EB6820; } .body_category_vivre_a_reims #content .box h1 { background-color: #EB6820; } .body_category_vivre_a_reims .box_content li { list-style-image: url(/tur/images/arrow_vivre_a_reims.png); } .body_category_vivre_a_reims .box_content h2.page_title, .body_category_vivre_a_reims .box_content h4, .body_category_vivre_a_reims .box_content h4 a, .body_category_vivre_a_reims .box_content h5, .body_category_vivre_a_reims .box_content h5 a, .body_category_vivre_a_reims .box_content h3, .body_category_vivre_a_reims .box_content h3 a { color: #EB6820 !important; } .body_category_vivre_a_reims #menu_place_types li.placeTypeSelected { background-color: #EB6820 } .body_category_vivre_a_reims #menu_place_types li.placeTypeSelected a { color: white; } .body_category_vivre_a_reims #menu_place_types li.place_type { margin-left: 0px; margin-top: 5px; padding: 5px 0px; list-style-image:none; } .body_category_vivre_a_reims #menu_place_types a { font-weight: bold; margin-left: 10px; } .body_category_vivre_a_reims #menu_place_types a:hover { text-decoration: underline; } .body_category_vivre_a_reims #map { width: 560px; height: 363px; float: right; margin-left: 10px; } .body_category_vivre_a_reims #menu_place_types { width: 150px; float: left; } .body_category_vivre_a_reims #menu_clear { clear: both; } .body_category_vivre_a_reims dl.place_tip_info { padding: 5px; } .body_category_vivre_a_reims dd.place_tip_info { padding: 1px 0px; } .body_category_vivre_a_reims dt.place_tip_info { font-weight: bold; font-size: 14px; padding: 5px 0px 10px; } .body_category_vivre_a_reims dl.place_tip_stop_info { padding: 5px; } .body_category_vivre_a_reims dt.place_tip_stop_info { font-weight: bold; font-size: 14px; padding: 5px 0px; } .body_category_vivre_a_reims dd.place_tip_stop_info { padding: 5px 0px; } .body_category_vivre_a_reims dt.place_stop_detail { font-weight: normal; font-size: 12px; float: left; margin-right: 5px; padding: 2px 0px; } .body_category_vivre_a_reims dd.place_stop_lines { font-size: 12px; float: left; padding: 1px 10px; margin: 0px 4px 4px 0px; color: white; font-weight: bold; } .body_category_vivre_a_reims .place_stop_lines_block { width: 200px; float: left; } .body_category_vivre_a_reims dd.place_stop_clear { clear: left; } .body_category_qui_sommes_nous #content .box { border-color: #E2007B; } .body_category_qui_sommes_nous #content .box h1 { background-color: #E2007B; } .body_category_qui_sommes_nous .box_content li { list-style-image: url(/tur/images/arrow_qui_sommes_nous.png); } .body_category_qui_sommes_nous .box_content h2.page_title, .body_category_qui_sommes_nous .box_content h4, .body_category_qui_sommes_nous .box_content h4 a, .body_category_qui_sommes_nous .box_content h5, .body_category_qui_sommes_nous .box_content h5 a, .body_category_qui_sommes_nous .box_content h3, .body_category_qui_sommes_nous .box_content h3 a { color: #E2007B !important; } /* page_body */ #page_body li { margin-left: 16px;} /* #page_body li { list-style: none inside url(/tur/images/arrow_ariane.png); } #page_body h2.category_title { font-size: 14px; } #page_body h4 { font-size: 14px; font-weight: bold; } */ /* header */ #header { background-color: #013e7f; height: 27px; font-color: white; padding-right: 3px;} #header ul { float: right; position: relative;} #header ul li a { height: 27px; background: transparent none left top;} #header ul li a:link, #header ul li a:visited {color: white;} #header ul li a:hover {text-decoration: underline;} #header ul li.flag a { margin: 4px 3px 0px 10px; height: 23px;} #header ul li.flag.selected a { background: transparent url(/tur/images/header_selected.png) no-repeat center bottom;} #header ul li.accueil a { width: 71px; background-image: url(/tur/images/tabs/accueil.png);} #header ul li.contact a { width: 70px; background-image: url(/tur/images/tabs/contact.png);} #header ul li.plan_du_site a { width: 98px; background-image: url(/tur/images/tabs/plan_du_site.png); text-indent: -999px} #header ul li.mentions_legales a { width: 131px; background-image: url(/tur/images/tabs/mentions_legales.png);} /* content */ #content { padding-bottom: 15px;} #content #ensemble { padding-top: 100px; height: 222px; width: 777px; background: transparent url(/tur/images/ensemble.png) no-repeat left top;} #content #ensemble #itinerary_form { line-height: 7px; margin-left: 537px; width: 215px; color: white;} #content #ensemble #itinerary_form #spinner { position: absolute; top: 181px; left: 486px;} #content #ensemble #itinerary_form #spinner img { width: 23px; height: 23px;} #content #ensemble #itinerary_form #datetime { text-align: center; margin-bottom: 18px;} #content #ensemble #itinerary_form #datetime span#datetime_time { display: block; margin-bottom: 3px;} #content #ensemble #itinerary_form #datetime span#datetime_time #time_mode_swapper:hover { text-decoration: underline;} #content #ensemble #itinerary_form .stop_point.departure { margin-bottom: 10px;} #content #ensemble #itinerary_form .stop_point label { display: block; margin-bottom: 3px;} #content #ensemble #itinerary_form .separator { border-bottom: 1px dashed #888; margin:10px;} #content #ensemble #itinerary_form a { color: white;} #content #ensemble #itinerary_form .autocomplete { z-index: 10000; background-color: white; border-left: 1px solid #999;} #content #ensemble #itinerary_form .autocomplete ul li.selected { background-color: #B4D8FE;} #content #ensemble #itinerary_form .autocomplete ul li { position: relative; line-height: 1.2em; color: black; border-bottom: 1px solid #999; padding: 8px 35px 8px 6px; cursor:pointer;} #content #ensemble #itinerary_form .autocomplete ul li img.picto { width: 20px; height: 20px; position: absolute; top: 4px; right: 10px; } .categories #itinerary_form #datetime_date { display: block; margin-top: 2px; } .categories #itinerary_form select { color: #555; font-size: 10px; padding-right: 3px; } .categories #itinerary_form #fromString, #content #ensemble #itinerary_form #toString { width: 205px; } .categories #itinerary_form label .example { font-size: 10px; color: #555; margin-left: 10px; } .categories #itinerary_form #search_button { background: transparent; border: none; width: 46px; height: 46px; text-indent: -999px; position: absolute; top: 286px; left: 680px; } #content #ensemble #itinerary_form #search_button:hover { background: transparent url(/tur/images/ensemble_ok_hover.png) no-repeat left top;} #content #ensemble2 { padding-top: 75px; height: 108px; width: 777px; background: transparent url(/tur/images/ensemble2.png) no-repeat left top; } #content #ariane { color: #003f7f; padding: 0.5em 0;} #content #ariane .ariane_1 { font-style: italic; } #content #ariane .ariane_2 { font-weight: bold; } #content #ariane .ariane_2 a { color: #003f7f; } #content #ariane .ariane_2 a:hover { text-decoration: underline; } #content .box { border-left: 1px solid;} #content .box h1 { font-size: 18px; color: white; padding: 12px 34px 10px 10px; background: transparent url(/tur/images/white_triangle.gif) no-repeat right top;} #content .box h1 a { color: white; } #content .box h2 { font-size: 12px;} #content .box .box_content { padding: 16px 10px; line-height: 1.5em;} #content .box p.text, #content .box p.text a { margin-bottom: 10px; color: #333;} #content .box a:hover { text-decoration: underline; } #content .box.actualite { border-color: #477F40 !important; margin-right: 222px !important; } #content .box.actualite h1, #content .box.actualite a.pil { background-color: #477F40 !important; } #content .box.info_traffic { border-color: #81a601 !important; width: 212px !important; float: right; margin-left: 10px; margin-right: 0; } #content .box.info_traffic h1 { background-color: #81a601 !important; } #content .box.info_traffic h2 a { color: #81a601 !important;} #content .box.info_traffic .spacer { border-color: #81a601 !important; } #content .event { border-bottom: 1px solid #81a601;} #timetable_wrap { position: relative; margin-top: 10px; border-top: 1px solid #013E7D; } #timetable_wrap #spinner { position: absolute; top: 10px; right: 10px;} #timetable_wrap #timetable { padding-top: 10px;} #timetable_wrap #timetable th, #timetable_wrap #timetable td { width: 30px; font-weight: bold; color: white; } #timetable_wrap #timetable td { text-align: center; } #timetable_wrap #timetable th.odd { background-color: #013E7D; } #timetable_wrap #timetable th.even { background-color: #286099; } #timetable_wrap #timetable td.odd { background-color: #286099; } #timetable_wrap #timetable td.even { background-color: #457fbc; } #timetable_wrap #timetable #stop_area_infos { margin-bottom: 10px; } #timetable_wrap #timetable #stop_area_infos .timetable_label { font-weight: bold;} #timetable_wrap #timetable #stop_area_infos .timetable_info { color: #286099;} /* footer */ #footer { color: white;} #footer a:link, #footer a:visited { color: white;} #footer a:hover { text-decoration: underline;} #footer h1 { font-size: 19px; color: #013e7f;} #footer #footer_links { height: 30px; line-height: 30px; font-size: 12px; background: transparent url(/tur/images/footer_bg.png) no-repeat left bottom;} #footer .footer_link { margin-top: 10px; border-right: 1px solid white; float: left; } #footer .footer_link a { margin-top: -10px; padding: 0px 30px; display: block; height: 30px;} #footer .footer_link.last { border: none;} #footer .footer_link.last a { padding: 0px 30px; } /* Site map */ .site_maps #content ul, #plan_site ul.site_map_menu { width: 400px; list-style-position: inside; } #plan_site ul.site_map_menu li { width: 100%; margin-bottom: 32px; list-style-image: none;} .site_maps #content li, #plan_site ul.site_map_menu li ul.site_map_submenu li { margin-bottom: 0px; margin-left: 12px; list-style-image: url(/tur/images/arrow_horaires.png); } .site_maps #content ul { margin-bottom: 12px; } .site_maps #content li { font-size: 1.2em; } .site_maps #content h1 { display: none; } .timetable_at_stop_searches #content form .submit, .stop_area_searches #content form .submit { background:transparent url(../images/button.png) no-repeat scroll center center; border:medium none; color:#FFFFFF; cursor:pointer; font-size:16px; height:24px; width:100px; } .timetable_at_stop_searches #content .box h1, .stop_area_searches #content .box h1 { background-color:#013E7D; }