@charset "UTF-8";
/* CSS Document */
/* Standards */
html, body{background-color: #F1F1F1;}

hr{
	background-color: #e3e3e3;
	color: #e3e3e3;
	height: 1px;
	border: 0px;
}

h2{color: #AE0350;}

a:hover {color: #CC065F;}

/* Specifique */
.selected {
	background-image: url(bruxelles_mobilite_media/img/categorie_menu_in.gif);
	background-repeat: no-repeat;
	color: #CC065F;
	padding-left: 18px;
}

#main{
	position: relative;
    margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
}

/*MenuTop*/
#menu {
	background: transparent url(bruxelles_mobilite_media/img/menu_off.gif) top left no-repeat;
}

#menu ul a:hover {
	background: transparent url(bruxelles_mobilite_media/img/menu_on.gif) top left no-repeat;
	color: #777;
} 
#menu ul a.selected {
	/* menu sélectionné : à déterminer */
	background: transparent url(bruxelles_mobilite_media/img/menu_selected.gif) top left no-repeat;
	color: #fff ;
}

#menu ul a.first:hover {
	background-image:url(bruxelles_mobilite_media/img/menu_begin_on.gif);
}


#menu ul a.first.selected {
	/* premier menu sélectionné : à déterminer */
	background-image:url(bruxelles_mobilite_media/img/menu_begin_selected.gif);
	color: #fff ;
}

#categorieListBlock button {
	width: 14em;
}

button.collapseButton {
	background: transparent url(bruxelles_mobilite_media/img/toggle.gif) center right no-repeat;
	padding-right: 15px;
	border: none;
}

button.collapse{
	background: transparent url(bruxelles_mobilite_media/img/toggle_collapse.gif) center right no-repeat;
}

/*Category Menu*/
#categoryMenu a:hover {
	background: transparent url(bruxelles_mobilite_media/img/categorie_menu.gif) center left no-repeat;
}

#categoryMenu a.selected {
	background: transparent url(bruxelles_mobilite_media/img/categorie_menu_in.gif) center left no-repeat;
	color: #CC065F;
}

/* --------- */
/* News Menu */
/* --------- */

#newsMenu {
	width: 160px;
	padding-bottom: 10px;
	padding-right: 10px;	
	float: left;
	font-size: 90%;
}
#newsMenu h3 {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 5px;
    margin-bottom: 0;
}
#newsMenu h2 {
	padding-bottom: 0;
}
#newsMenu p {
	color: #666;
	margin: 0;
}

#newsMenu .newsDate {
	display:block;
	text-align:right;
}

#currentButton {
	background: transparent url(bruxelles_mobilite_media/img/new_off.gif) left center no-repeat;
	color: #7FAF23;
}

#currentButton:hover {
	background-image: url(bruxelles_mobilite_media/img/new_on.gif);
color: #CC065F;
}

#archivedButton {
	background: transparent url(bruxelles_mobilite_media/img/archive_off.gif) left center no-repeat;
	color: #7FAF23;
}

#archivedButton:hover {
	background-image: url(bruxelles_mobilite_media/img/archive_on.gif);
	color: #CC065F;
}

#rssNewsButton a, #rssHome{
	background: url(bruxelles_mobilite_media/img/rss_news.gif) no-repeat top left;
	height: 26px;
	color: #CC065F;
	margin-top: 4px;
	display: block;
}

#rssNewsButton a{
	padding-left: 35px;
	font-size: 85%;
	color: #DD7207;
	width: 100px;
}

#rssNewsButton a:hover, #rssHome:hover{
	background: url(bruxelles_mobilite_media/img/rss_news.gif) no-repeat bottom left;
	color: #CC065F;
}

.otherNews a:hover {color: #639306;}
.fr .otherNews{background: url(espaces_publics_media/fr/news_espaces_publics.gif) transparent no-repeat;}
.nl .otherNews{background: url(espaces_publics_media/nl/news_espaces_publics.gif) transparent no-repeat;}

/* STIB RSS*/
#articleMain #stib-rss h4 {
	clear:both;
	color: #AE0350;
	padding: 10px 0 10px;
}
#articleMain #stib-rss img{
	float:left;
	margin: 0 10px 10px 0;
}

#articleMain #stib-rss p{
    margin: 0;
}

#articleMain #stib-rss{
	text-align:justify;
}

#articleMain #stib-rss .suite{
	float: right;
	font-size: 92%;
	font-weight: bold;
	padding-top: 10px;
}
#stib-rss .continued {
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

/* -------------------- */
/* Categorie et article */
/* -------------------- */

.categoryTitle {
	background: url(bruxelles_mobilite_media/img/bkg_category_title.png) left center no-repeat;
	height: auto;
	width: 760px;
	padding: 4px;
}

#articleMain, .categorieBlock {
border: #cccccc 1px solid;
}

.categorieBlock h3 {
	color: #06519c;
}

.categorieBlock .nextContent {
	background: transparent url(bruxelles_mobilite_media/img/suite_off.gif) top left no-repeat;
	background-repeat: no-repeat;
}

.categorieBlock .nextContent:hover {
	background-image:url(bruxelles_mobilite_media/img/suite_on.gif);
}

#categorieListDesc {
	border: #e3e3e3 1px solid;
}

#categorieListDesc h3 {
	color: #666666;
	padding-top: 5px;
}

#pagePartner{
	background-color: #FFFFFF;
	border: #e3e3e3 1px solid;
	width: 750px;
	padding: 15px;
	line-height: 150%;
	min-height: 600px;
	overflow: hidden;
}

.picturePartner{
	position: absolute;
	display: block; 
	bottom: 10%; 
	left: 88%;
	z-index: 1;
}

.linkPartner{margin-left: 40px;}

#boxTop{
	background-image: url(bruxelles_mobilite_media/img/box_top.gif);
	background-repeat: no-repeat;
	width: 365px;
	height: 45px;
	margin-top: 5px;
}

#boxBg{
	position: relative;
	background: transparent url(bruxelles_mobilite_media/img/box_bg.gif) repeat-y;
	width: 365px;
	height: 100%;
	margin-right: 10px;
}

#boxBg ul{
	list-style: none;
	color: #666;
	margin-left: 30px;
	z-index: 50;
}


#boxBg ul a:hover {
	color: #CC065F;
}

#boxBg li{
	width: 300px;
}

#boxBg h4{
	color: #666;
}

#boxBg ul .articleList, div#listeArticle .content ol ol {
	list-style: disc;
	line-height: 140%;
	margin-left: 20px;
	font-size: 88%;
}

#boxBottom{
	background-image: url(bruxelles_mobilite_media/img/box_bottom.gif);
	background-repeat: no-repeat;
	width: 365px;
	height: 20px;
}


#boxTop h3{color:#A8A800; padding-left:15px;}

#boxTop .picture{
	margin: 10px 5px 0px 0px;
}

#boxBg ul{
	margin-top: 0px;
	margin-bottom: 0px; 
	color: #06519c;
}

div#listeArticle{
	background:url(bruxelles_mobilite_media/img/home_liste_articles.png) no-repeat top left;
	width: 776px;
	height: 168px;
}

div#listeArticle ol#categoryMenu {
	list-style: none;
	margin: 0;
	line-height: normal;
	margin-right: 20px;
	float: left;
	width: 100%;
}
 
div#listeArticle ol#categoryMenu a {
	padding: 0;
	height: auto;
}
div#listeArticle ol#categoryMenu a:hover {
	background: none;
	color: #CC065F;
}
div#listeArticle ol#categoryMenu li {
	font-size: 100%;
	line-height: 140%;
}
div#listeArticle ol#categoryMenu li ol {
	padding-top: 0;
}
div#listeArticle ol#categoryMenu li ol li {
	padding-left: 0;
}

div#listeArticle .content{
	position: relative;
	margin: 4px 8px;
	background-color: #FFF;
	width: 750px;
	height: 110px;
	padding: 10px 4px;
}

div#listeArticle .content h4{
	padding-left: 5px;
	font-size: 90%;
}

div#listeArticle h3{
	padding: 10px 30px 0;
	font-size: 100%;
    position: relative;
}
#listeArticle .catimage {
	display: block;
	width: 40px;
	height: 26px;
    position: absolute;
    top: 3px;
    left: 0px;
}

div#listeArticle .content ol{
	padding-left: 0px;
}
div#listeArticle .content ol li.category_item {
	float: left;
	display: block;
	width: 22%;
}

/* subHeader */
.contact{
	background-image:url(bruxelles_mobilite_media/img/contact.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	height: 12px; 
}
/* End subHeader */
/* End content */
/* footer */
#footer{
	background-image: url(bruxelles_mobilite_media/img/footer.gif);
	background-repeat: repeat;
}
/* End footer */
/* infosTop */
#infosTop{
	height: 62px;
}


/* End infosTop */

/* NEWS AND TICKER */
#newsTicker .newsImg {
	height: 54px;
	float: left;
	margin: 4px 2px 1px 0px;
}

div #newsTicker, #tickerMessages{
	border: #e3e3e3 1px solid;
	height: 60px;
	width: 360px;
	background-color: #FFFFFF;
	font-size: 90%;
}

#categoryHomeShortcut {
	position: relative;
	float: left;
	margin-left: 34px;
	height: 67px;
	width: 360px;
	font-size: 90%;
	cursor:pointer;
}

a#categoryHomeShortcut{
	background: url(bruxelles_mobilite_media/img/category_shortcut_bkg.png) top left no-repeat;
}

a:hover#categoryHomeShortcut{
	background: url(bruxelles_mobilite_media/img/category_shortcut_bkg.png) bottom left no-repeat;
}


#categoryHomeShortcut h4 {
	margin-left: 10px;
	color:#666;
	padding-top: 6px;
	font-size: 1em;
}

#categoryHomeShortcut p.content{
	width: 296px;
	height: 30px;
	line-height:140%;
	margin: 3px 0 0 6px;
	color:#727272;
	background-color: #FFF;
	padding: 4px 50px 4px 4px;
}

#categoryHomeShortcut p:hover {
	color: #CC065F;
}


#categoryHomeShortcut .cat {
	position: absolute;
	right: 11%;
	top: 60%;
}

#categoryHomeShortcut .image {
	display: block;
	position: absolute;
	top: 18%;
	right: 1%;
	width: 50px;
	height: 50px;
}

#homeContainer {
	min-height:390px; /* TODO : wont work on IE6 ... */
	margin-top:10px;
	position:relative;
	padding: 2px;
	width: 650px;
	display: block !important;
}

#homeContainer .block{
	position: relative;
	float: left;
	width: 325px;
}

#homeContainer .block h4{
	background: url(bruxelles_mobilite_media/img/home_container_top.gif) no-repeat top left;
	width: 322px;
	color: #A8A800;
	font-size: 120%;
	padding: 16px 4px 10px 22px;
	min-height:20px;
}

#homeContainer .block h2{
	font-size: 110%;
}

#homeContainer .block .content{
	background: url(bruxelles_mobilite_media/img/home_container_middle.gif) repeat-y top left;
	padding: 4px 22px 2px 22px;
	text-align: justify;
	min-height:300px;
}

#homeContainer .block .content .image_frame, #homeContainer .block .content .video_frame{
	width: 250px;
	margin: 10px 0 4px 16px;
	text-align:center;
}

#homeContainer .block .bottom{
	background: url(bruxelles_mobilite_media/img/home_container_bottom.gif) no-repeat top left;
	height: 34px;
}

div #newsTicker {color: #727272; padding-top:2px;}
div #newsTicker h4{color: #CC065F; padding-top:2px;}

#newsTicker {
	margin-right: 10px;
	border: #e3e3e3 1px solid;
	overflow:hidden;
	position: relative;
	float: left;
	padding-left: 4px;
	padding-top: 2px;
	padding-right: 4px;
	cursor: pointer;
}


#newsTicker p {
	margin:1px;
	line-height: 145%;
}

#newsTicker .serial {
	height:61px;
	position: relative;
}

/* end NEWS */

/*Pollumeter*/
#pollumeterBox a {
	display: block;
	position: relative ;
	width: 100%; /* IE6 bugfix */
}

.polluDate  {
	display: block; /* convert the span into a block */
	position: absolute;
	top: 75%;
	left: 12%;
	color: #3B3939;
	font-size: 80%;
}

/* ticker */

#tickerMessages, #tickerMessages h4{
	overflow:hidden;
	position: relative;
	background-color: #FFFFFF;
	color: #CC065F;
}

#tickerMessages table, #tickerMessages .message-wrapper {height: 62px;}
#tickerMessages .message-wrapper { position: relative ; }

#tickerMessages table td {padding-top: 2px;}

#tickerMessages .description {padding-bottom: 10px;}

#tickerMessages .beginDate, #tickerMessages .endDate{
	text-align: center;
	width: 45px;
}

#tickerMessages .beginDate h4{font-size: 125%;}

#tickerMessages .endDate h4, #tickerMessages .beginDate h4{
	text-align: center;
	padding-top: 2px;
	color: #727272;
}

#tickerMessages .endDate .imgDate{
	visibility: visible; 
	background: url(bruxelles_mobilite_media/img/ticker_date.gif) no-repeat;
	background-position: center;
	height: 18px;
}

#tickerMessages .endDate .imgDate{
	visibility: visible;
	background: url(bruxelles_mobilite_media/img/ticker_date.gif) no-repeat;
	background-position: center;
	height: 18px;
}


#tickerMessages .noEndDate .endDate .imgDate{
	visibility: hidden;
}

#tickerMessages .counter{padding: 2px; color: #727286;}

#tickerMessages .counter{
	position: absolute;
	right: 0px;
	bottom: 0px; 
	font-weight: bold;
	font-size: 80%;
}

#tickerButton {
	margin-left: 10px;
	padding: 4px;
	position: relative;
	float: left;
}

#tickerArrowTop{
	display: block;
	background: transparent url(bruxelles_mobilite_media/img/arrow_prev_off.gif) no-repeat;
	width: 16px;
	height: 25px;
}

#tickerArrowTop:hover { 
	background: transparent url(bruxelles_mobilite_media/img/arrow_prev_on.gif) no-repeat;
	width: 16px;
	height: 25px;
}

#tickerArrowBottom{
	display: block;
	background: transparent url(bruxelles_mobilite_media/img/arrow_next_off.gif) no-repeat;
	width: 16px;
	height: 18px;
}

#tickerArrowBottom:hover {
	background: transparent url(bruxelles_mobilite_media/img/arrow_next_on.gif) no-repeat;
	width: 16px;
	height: 18px;
}
/* End ticker */

/* Home map */
#mapContainer{
	position: relative;
	width: 772px; /* IE6 workaround ; or update status will jump to the bottom */
	height: 390px;
	margin-top: 10px;
}
.msie7 #homeContainer,
.msie6 #homeContainer,
.msie7 #mapContainer,
.msie6 #mapContainer {
	margin-top: 8px;
}

#mapDiv{
	width: 772px;
	height: 390px;
	background-image: url(bruxelles_mobilite_media/img/map_fond.gif);
	background-repeat: repeat-x;
	background-color: #F2F2F2;
	position: relative;
}

#mapContainer {
    border: #e3e3e3 2px solid;
}
#mapContainer #mapContainerContent {
	border: 0 ; /* border is only visible in fullscreen */
}

.home #mapContainer, #homeContainer {
	margin-left: 125px;
}
.home #mapContainer {
	width: 647px;
	height: 394px;
}
.home #mapDiv {
	width: 647px;
	height: 394px;
}

#articleMain #mapContainer {
	width: 100%;
}

#articleMain #mapDiv {
	width: 100%;
}


#mapTip .cameraUpdate {
    font-style: italic;
    text-align: right;
}

.cameraTip {
    width: 241px;
}
.cameraTip img {
    margin-top: 4px;
    margin-bottom: 4px;
}


#legendUpdate {
	z-index: 1110;
	width: 97%;
    padding: 3px;
	text-align: right;
	overflow: hidden;
	color: #666;
	font-weight: bold; 
	font-size: 80%;
}

#mapContainer .olControlPanel {
	width: 374px;
  height: 26px;
	background: url(bruxelles_mobilite_media/map/intermodale/map_toolsbar.png) no-repeat top right;
}

#mapContainer .olControlPanel:hover {
	background: url(bruxelles_mobilite_media/map/intermodale/map_toolsbar.png) no-repeat bottom right;
}

#mapContainer #initviewTool.mapTools {
    right: 338px;
}

#mapContainer .olControlNavigationHistoryPreviousItemActive {
    left: 35px;
}

#mapContainer .olControlNavigationHistoryPreviousItemInactive { 
    left: 35px;
}
		
#mapContainer .olControlNavigationHistoryNextItemActive { 
    left: 62px;
}

#mapContainer .olControlNavigationHistoryNextItemInactive { 
    left: 62px;
}		

#mapContainer .olControlZoomBoxItemActive {
	left: 88px;
}
	
#mapContainer .olControlZoomBoxItemInactive { 
	left: 88px;
}

#mapContainer .olControlPanel .ZoomOut {
	left: 120px;
}

.olControlNavigationItemActive { 
	left: 210px;
}
.olControlNavigationItemInactive  {
	left: 210px;
}

#mapContainer .olControlNavigationItemActive {
	left: 150px;
}
#mapContainer .olControlNavigationItemInactive { 
	left: 150px;
}

#mapContainer #printTool.mapTools {
    right: 165px;
}

. {} /* previous declarations makes ie6 ignore next declaration. This single-liner is used to be ignored by ie6 instead */

/* End home map */
/* TAXI, VELO map */


.maptip-dynamic {color: #C00; font-weight: bold;}


#mapFeatureInfo{
    position: absolute;
    bottom: 1%;
    right: 0%;
    z-index: 1100;
    width: 140px;
	height: 50px;
    padding: 4px;
    background-color: white;
    -moz-opacity: 0.80;
	opacity: 0.80;
    display: none;
}

.ICR{
	position: relative;;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
	/*background-color: #FFF;*/
    z-index: 1120;
}

#legendICR_All, #legendICR_None{
	background-image: url(bruxelles_mobilite_media/img/checkbox_on.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	z-index: 1110;
	width: 24px;
	height: 24px;
}
#legendICR_All{
    top: 33px;
	left: 130px;
}
#legendICR_None{
    top: 65px;
	left: 130px;
}
#legendICR_All.disabled, #legendICR_None.disabled{
	background-image: url(bruxelles_mobilite_media/img/checkbox_off.gif);
}

#legendICR_All:hover, #legendICR_None:hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity:0.40;
}


#legendICR_A, #legendICR_B, #legendICR_C, #legendICR_1,#legendICR_2, #legendICR_3, #legendICR_4, #legendICR_5, #legendICR_6, #legendICR_7, #legendICR_8, #legendICR_9, #legendICR_10, #legendICR_11, #legendICR_12{
	position: absolute;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	border: #9C3 solid 2px;
	background-color: #E4E4E4;
	height: 16px;
	width: 18px;
	cursor: pointer;
}
#legendICR_1,#legendICR_2, #legendICR_5, #legendICR_6, #legendICR_9, #legendICR_11{
    height: 56px;
	width: 42px;
}
#legendICR_3, #legendICR_10, #legendICR_12{
    height: 56px;
	width: 48px;
}


#legendICR_CK, #legendICR_SZ, #legendICR_MM, #legendICR_PP{
	position: absolute;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	border: #9C3 solid 2px;
	background-color: #E4E4E4;
	height: 16px;
	width: 28px;
    cursor: pointer;
}
#legendCPR{
	position: absolute;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	border: #9C3 solid 2px;
	background-color: #E4E4E4;
	height: 17px;
	width: 105px;
	cursor: pointer;
}

#legendICR_A, #legendICR_B, #legendICR_C, #legendICR_CK, #legendICR_SZ, #legendICR_MM, #legendICR_PP, #legendCPR{
        top: 102px;
}
#legendICR_A{left: 214px;}
#legendICR_B{left: 245px;}
#legendICR_C{left: 278px;}

#legendICR_CK{left: 354px;}
#legendICR_SZ{left: 388px; width: 90px}
#legendICR_MM{left: 528px; width: 83px;}
#legendICR_PP{left: 618px;}
#legendCPR{left: 658px;}

#legendICR_1, #legendICR_2, #legendICR_3, #legendICR_5, #legendICR_6, #legendICR_9, #legendICR_10, #legendICR_11, #legendICR_12{
    top: 30px;
}
#legendICR_4,  #legendICR_7, #legendICR_8{
    top:50px;
}
#legendICR_1{left: 214px;}
#legendICR_2{left: 264px;}
#legendICR_3{left: 314px;}
#legendICR_4{left: 368px;}
#legendICR_5{left: 399px;}
#legendICR_6{left: 450px;}
#legendICR_7{left: 500px;}
#legendICR_8{left: 530px;}
#legendICR_9{left: 560px;}
#legendICR_10{left: 610px;}
#legendICR_11{left: 660px;}
#legendICR_12{left: 716px;}

.villo-station-no {
	display: block;
	font-weight: bold;
	padding-top: 5px;
}
.villo-station-no:first-child {
	padding-top: 0px;
}

/* End map */

/* Menu Pictos */
#menuPicto {
	padding-top: 0px;
	margin:0;
	margin-bottom: 4px;
}

.pictos .image {
	background-image: url(bruxelles_mobilite_media/img/categories.gif);
	background-repeat: no-repeat;
}

.tabs .imageTabs, .last_articles_gadget .catimage, #listeArticle .catimage{
	background-image: url(bruxelles_mobilite_media/img/home_categories.png);
	background-repeat: no-repeat;
}

#menuPicto a {
	display: block;
	float: left;
	height: 50px;
	width: 46px;
	text-align: center;
	font-size: 80%;
	margin-top: 8px;
}

#menuPicto .selected {
	margin: 0px;
}

/* pmr_on.gif */
.pictos .pmr:hover,
.pictos a:hover .pmr {
	background-position: -102px 7px ;
}

/* IE6 does not support matching several classes. using one class "xxx_selected" instead */
/* pmr_in.gif */
.pictos .pmr_selected, #listeArticle .pmr {
	background-position: 6px 10px !important ;
}

/* pmr_off.gif */
.pictos .pmr {
	background-position: -52px 7px ;
}

/* TABS */
/* pmr_on.gif */
.tabs .pmr:hover,
.tabs a:hover .pmr {
	background-position: -170px -2px ;
}

/* IE6 does not support matching several classes. using one class "xxx_selected" instead */
/* pmr_in.gif */
.tabs .pmr_selected, .last_articles_gadget .pmr, #listeArticle .pmr  {
	background-position: -100px -2px !important ;
}

/* pmr_off.gif */
.tabs .pmr {
		background-position: -136px -2px ;
}

/* pieton_on.gif */
.pictos .pieton:hover, 
.pictos a:hover .pieton {
	background-position: -252px 7px ;
}

/* pieton_in.gif */
.pictos .pieton_selected {
	background-position: -144px 10px !important ;
}

/* pieton_off.gif */
.pictos .pieton {
	background-position: -202px 7px ;
}

/* pieton_on.gif */
.tabs .pieton:hover, 
.tabs a:hover .pieton {
	background-position: -277px -2px;
}

/* pieton_in.gif */
.tabs .pieton_selected, .last_articles_gadget .pieton, #listeArticle .pieton {
	background-position: -206px -2px !important ;
}

/* pieton_off.gif */
.tabs .pieton {
	background-position: -242px -2px;
}

/* velo_on.gif */
.pictos .velo:hover,
.pictos a:hover .velo {
	background-position: -402px 7px ;
}

/* velo_in.gif */
.pictos .velo_selected {
	background-position: -294px 10px !important ;
}

/* velo_off.gif */
.pictos .velo {
	background-position: -352px 7px;
}


/* velo_on.gif */
.tabs .velo:hover,
.tabs a:hover .velo {
	background-position: -382px -2px;
}

/* velo_in.gif */
.tabs .velo_selected, .last_articles_gadget .velo, #listeArticle .velo {
	background-position: -312px -2px !important ;
}

/* velo_off.gif */
.tabs .velo {
	background-position: -347px -2px;
}

/* bus_on.gif */
.pictos .bus:hover,
.pictos a:hover .bus {
	background-position: -552px 7px ;
}

/* bus_in.gif */
.pictos .bus_selected {
	background-position: -444px 10px !important ;
}

/* bus_off.gif */
.pictos .bus {
	background-position: -502px 7px ;
}

/* bus_on.gif */
.tabs .bus:hover,
.tabs a:hover .bus {
	background-position: -490px -2px;
}

/* bus_in.gif */
.tabs .bus_selected, .last_articles_gadget .bus, #listeArticle .bus {
	background-position: -418px -2px !important ;
}

/* bus_off.gif */
.tabs .bus {
	background-position: -454px -2px;
}

/* tram_on.gif */
.pictos .tram:hover,
.pictos a:hover .tram {
	background-position: -702px 7px ;
}

/* tram_in.gif */
.pictos .tram_selected {
	background-position: -594px 10px !important ;
}

/* tram_off.gif */
.pictos .tram {
	background-position: -652px 7px ;
}

/* tram_on.gif */
.tabs .tram:hover,
.tabs a:hover .tram {
	background-position: -596px -2px;
}

/* tram_in.gif */
.tabs .tram_selected, .last_articles_gadget .tram, #listeArticle .tram {
	background-position: -524px -2px !important ;
}

/* tram_off.gif */
.tabs .tram {
	background-position: -560px -2px;
}

/* metro_on.gif */
.pictos .metro:hover,
.pictos a:hover .metro {
	background-position: -852px 7px ;
}

/* metro_in.gif */
.pictos .metro_selected {
	background-position: -744px 10px !important ;
}

/* metro_off.gif */
.pictos .metro {
	background-position: -802px 7px ;
}

/* metro_on.gif */
.tabs .metro:hover,
.tabs a:hover .metro {
	background-position: -702px -2px;
}

/* metro_in.gif */
.tabs .metro_selected, .last_articles_gadget .metro, #listeArticle .metro {
	background-position: -630px -2px !important ;
}

/* metro_off.gif */
.tabs .metro {
	background-position: -666px -2px;
}

/* train_on.gif */
.pictos .train:hover,
.pictos a:hover .train {
	background-position: -1002px 7px ;
}

/* train_in.gif */
.pictos .train_selected {
	background-position: -894px 10px !important ;
}

/* train_off.gif */
.pictos .train {
	background-position: -952px 7px ;
}

/* train_on.gif */
.tabs .train:hover,
.tabs a:hover .train, #listeArticle .train {
	background-position: -808px -2px;
}

/* train_in.gif */
.tabs .train_selected, .last_articles_gadget .train, #listeArticle .train {
	background-position: -736px -2px !important ;
}

/* train_off.gif */
.tabs .train {
	background-position: -773px -2px;
}

/* taxi_on.gif */
.pictos .taxi:hover,
.pictos a:hover .taxi {
	background-position: -1152px 7px ;
}

/* taxi_in.gif */
.pictos .taxi_selected {
	background-position: -1044px 10px !important ;
}

/* taxi_off.gif */
.pictos .taxi {
	background-position: -1102px 7px ;
}

/* taxi_on.gif */
.tabs .taxi:hover,
.tabs a:hover .taxi {
	background-position: -915px -2px;
}

/* taxi_in.gif */
.tabs .taxi_selected, .last_articles_gadget .taxi, #listeArticle .taxi {
	background-position: -844px -2px !important ;
}

/* taxi_off.gif */
.tabs .taxi {
	background-position: -880px -2px;
}

/* moto_on.gif */
.pictos .moto:hover,
.pictos a:hover .moto {
	background-position: -1302px 7px ;
}

/* moto_in.gif */
.pictos .moto_selected {
	background-position: -1194px 10px !important ;
}

/* moto_off.gif */
.pictos .moto {
	background-position: -1252px 7px ;
}

/* moto_on.gif */
.tabs .moto:hover,
.tabs a:hover .moto {
	background-position: -1021px -2px;
}

/* moto_in.gif */
.tabs .moto_selected, .last_articles_gadget .moto, #listeArticle .moto {
	background-position: -950px -2px !important ;
}

/* moto_off.gif */
.tabs .moto {
	background-position: -986px -2px;
}

/* voiture_on.gif */
.pictos .voiture:hover,
.pictos a:hover .voiture {
	background-position: -1452px 7px ;
}

/* voiture_in.gif */
.pictos .voiture_selected {
	background-position: -1344px 10px !important ;
}

/* voiture_off.gif */
.pictos .voiture {
	background-position: -1402px 7px ;
}

/* voiture_on.gif */
.tabs .voiture:hover,
.tabs a:hover .voiture {
	background-position: -1128px  -2px;
}

/* voiture_in.gif */
.tabs .voiture_selected, .last_articles_gadget .voiture, #listeArticle .voiture {
	background-position: -1055px -2px !important ;
}

/* voiture_off.gif */
.tabs .voiture {
	background-position: -1092px -2px;
}

/* End Menu Pictos */

/* home tabs */
ul#hometab {
	display: block;
	list-style: none;
	width: 122px;
	padding: 0;
	clear: left;
	margin-top: 6px;
	float: left;
}
#hometab li a {
	display: block;
	position: relative;
	margin-bottom: 4px;
	overflow: hidden;
	cursor: pointer;
	height: 32px;
	width: 120px;
}
#hometab li a  {
	background-image: url(bruxelles_mobilite_media/img/home_tabs.gif);
}
#hometab li .text,
#hometab li .imageTabs {
	position: absolute;
	display: block;
	padding-left: 0; /* override .selected */
}
#hometab li .imageTabs, .last_articles_gadget .catimage {
	display: block;
	width: 40px;
	height: 26px;
	left: 0px;
	top: 4px;
	overflow: hidden;
}

#hometab li .imageTabs_selected {
}

#hometab li .text {
	display: block;
	background-image: none;
	position: bottom;
	left: 40px;
	width: 70px;
	vertical-align: middle;
	padding-top: 8px;
}
#hometab li .home_text {
	font-size: 92%;
	line-height: 1em;
	padding-top: 5px;
}
/* Mobilité en directe */
.tabs a:hover .home {
	background-position: -64px -2px ;
}

/* Mobilité en directe */
.tabs .home_selected, .last_articles_gadget .home{
	background-position: 	4px -3px !important ;
}

/* Mobilité en directe */
.tabs .home {
	background-position: -30px -2px ;
}
/* End home tabs */

/* spacer */

.spacerH15px{
	height: 50px;
	background-image:url(bruxelles_mobilite_media/img/spacer.gif);
}

.spacerH20px{
	height: 20px;
	background-image:url(bruxelles_mobilite_media/img/spacer.gif);
}

.spacerH10px{
	height: 10px;           
	background-image:url(bruxelles_mobilite_media/img/spacer.gif);
}   

.spacerW30px{
	width: 30px;
	background-image:url(bruxelles_mobilite_media/img/spacer.gif);
}

#Picture {
	background-image: url(bruxelles_mobilite_media/img/categorie_list_intro.jpg);
}

/* Enterprise & Partenaire */

#EnterprisesPartnersPicture {
	background-image: url(bruxelles_mobilite_media/img/Entreprisespartenaires.jpg);
	float: right;
}

#PartnersMain h3 {
	font-size: 100%;
	padding: 5px 10px 5px 20px;;
	margin: 5px 0px ;
}

#PartnersMain h3:hover {	color: #CC065F;}

#PartnersMain {
	position: relative;
	margin-left: 0px;
	padding: 10px;
	line-height: 155%;
	border: #e3e3e3 1px solid;
}

#PartnerImage img {
	position: absolute;
	top: 0px;
	left: 0px;
}
#PartnerImage {
	margin: 25px 10px 10px 20px;
	float: right;
	position: relative;
	width: 220px;
	height: 178px;
	border: 1px solid #E8E8E8;
}

.PartnersPageTitle {
	cursor: pointer;
	outline: none;
	color: #555555;
	position: relative;
}

.accordion .PartnersPageTitle {
	height: 100%; /* IE6 needs this to allow absolute positioning inside h3.PartnersPageTitle */
}

.PartnersPageSection {
	margin-left: 10px;
}

/* titre "accordeon", enroulé */
.ui-state-default { 
	background: #F1F1F1 url(bruxelles_mobilite_media/img/partner_fond.gif) repeat-x;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
/* titre déroulé */
.ui-state-active { 
	background: #F1F1F1 url(bruxelles_mobilite_media/img/partner_fond_off.gif) repeat-x;
	border: 1px solid #e3e3e3;
	margin-bottom: 10px;
	color: #CC065F;
	cursor: default;
}

/* icone de déroulement */
.ui-icon { 
	background-image: url(jquery-icons.png);
	display: block;
	position: absolute;
	height: 16px;
	width: 16px;
	margin-top: -8px;
	top: 50%;
	left: 0px;
}

/* icone de déroulement déroulée */
.ui-icon-triangle-1-e { 
	background-position: -32px -16px;
}

/* icone de déroulement déroulée */
.ui-icon-triangle-1-s { 
	background-position: -64px -16px;
}

/* icone de déroulement, survol */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(jquery-icons.png);
}
/* icone de déroulement, déroulé */
.ui-state-active .ui-icon {
	background-image: url(jquery-icons.png);
}

/* Calcul Itinéraire */
.backgroundBlock{
	background-image: url(bruxelles_mobilite_media/img/calcul_background.gif);
	background-repeat: no-repeat;
	width: 360px;
	height: 570px;
}

.backgroundBlock h3{
	height: 38px;
	color: #A8A800;
	margin: 0px 20px;
	padding: 10px 8px;
}

.backgroundBlock .pictureStib, .backgroundBlock .pictureSncb{
	margin-left: 65px;
	background-repeat: no-repeat;
	background-position: center;
	border: #cccccc 2px solid;
}

.backgroundBlock .pictureStib{background-image: url(bruxelles_mobilite_media/img/stib.jpg);}

.backgroundBlock .pictureSncb{background-image: url(bruxelles_mobilite_media/img/sncb.jpg);}

.backgroundBlock .texte{
	margin: 0px 16px 10px 14px;
	padding: 8px;
}

.next a {
	background: transparent url(bruxelles_mobilite_media/img/suite_off.gif) top left no-repeat;
	background-repeat: no-repeat;
	display: block;
	width: 72px;
	height: 24px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 95%;
	text-align: center;
	padding-top: 4.5px;
	vertical-align: middle;
	position: absolute;
	top: 91%;
	margin-left: 150px;
}
.next a:hover{
	background-image:url(bruxelles_mobilite_media/img/suite_on.gif);
}

.twoColumns {}

.twoColumns .left, .twoColumns .right {
	padding: 0px;
}

.twoColumns .left {
	float: left;
}

.twoColumns .right {
	float: right;
}

/* end Calcul Itinéraires */
/* Search */
#resultContent .previous{
	background-image: url(bruxelles_mobilite_media/img/pagination.gif);
	background-repeat: no-repeat;
}

#resultContent .next{
	background-image: url(bruxelles_mobilite_media/img/pagination.gif);
	background-repeat: no-repeat;
}

/*Language switch */
#language_switch{
		background: url(bruxelles_mobilite_media/img/change_langage.gif) transparent no-repeat left bottom;
}