@charset "UTF-8";

/*
RESET ELEMENT FOR BROWSER COMPATIBILITY ISSUE

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background-color:#F7F7F7;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* End of Reset  */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72%;
	color: #3b3939;
}


button{
	border:none; 
	background:none; 
	cursor: pointer;
}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-align:left;}
h1,h3,h4,h5,h6 {color:#666666;}

h1 {
	font-size: 180%;
	padding-bottom: 15px;  
}

h2 {
	font-size: 160%;
	line-height: 100%; 
}

h3 {
	font-size:115%;
	padding-bottom: 5px; 
}

#articleMain h3 {
	padding-top: 6px;
	padding-bottom: 10px;
}

h4{font-size: 100%;}

#articleMain h4 {
	padding-top: 2px
}

h5 {font-size: 90%;}

h6 {font-size: 80%;}

em {font-style:normal;}

ol {list-style-type: none;}

ul {list-style: disc; padding-left: 10px;}

img {border: none; background-color: transparent;}

a {
	color:#06519C;
	text-decoration:none;
}

a:hover {text-decoration: none;}

p {
  display: block;
  margin: 1em 0;
}

strong {
	font-weight:bold;
	color: #666666;
}

/*Banner*/
#banner{
	width: 1000px;
	height: 114px;
}

#bannerPicture{
	display: block;
	position: absolute;
	top: 0%;
}

#banner h1 {
  display: none;
}

/* MenuTop  */
#menu {
	width: 1000px;
	height: 31px;
	position: relative;
	top: 74%;
}

#menu ul {
  margin:0;
  padding:0;
}

#menu li {
	height: 21px;
	float: left;
  position: relative;
  margin:0;
  padding:0;
  list-style:none;
  font-weight:bold;
}

#menu ul a {
	display: block;
  float: left;
	background: transparent;
	position: relative;
	color: #666;
	text-align: center;
	height: 21px;
	padding-top: 8px;
	padding-left: 18px;
	padding-right: 18px;
	border-right: solid 1px #999;
}

/*RSS*/
#rssHome{
	position: absolute;
	right: 0.5%;
	margin-left: 4px;
	width: 24px;
}

#rssHome:hover{
	cursor: pointer;
}

#articleMain table.rsslink img {
border:0;
}
#articleMain table.rsslink, #articleMain table.rsslink tr, #articleMain table.rsslink tr td{
background-color:white;
border:0px solid #FFFFFF;
padding:1px;
}
table.rsslink td.rss_subscribe_link {
	text-align: center;
}
table.rsslink td.rss_text_link {
	width: 203px;
}

/*Language*/
#language_switch {
	position: relative;
	float: right;
	font-size: 12px;
	width: 58px;
	height: 29px;
	margin: 0;
	padding: 0;
	clear: both;
	top: 5%;
	vertical-align: middle;
	line-height: 29px;
}

.spacerHeight7px{height: 7px;}

.current_language, a.language_link, .empty_language_link {
	padding: 0px 0px 0px 8px;
}

.curent_language .fr{
	background-color:#0F0;
}

#language_switch .separator {padding:0; margin:0;}

.empty_language_link {
    color: #999;
}

a.language_link{
	font-weight: bolder;
}


/* -------------- */
/* Menu Categorie */
/* -------------- */

#categoryMenu {
	width: 170px;
	padding-bottom: 10px;	
	float: left;
}

#categoryMenu li {
	font-size: 92%;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 4px;
	color: #444444;
}

#categoryMenu li ol {
	padding-top: 5px;
}

#categoryMenu li ol li {
	font-size: 96%;
	font-weight: normal;
	padding-bottom: 0;
}

#categoryMenu a {
	display: block;
	height: 18px;
	padding-top: 2px;
	padding-left: 5px;
	vertical-align:middle;
}

#categoryMenu a:hover {color: #FFFFFF;}

#categoryMenu a.selected {padding-left: 18px;}

/*Article & Categorie*/

#articleMain {
	width: 578px;
	padding: 15px;
	line-height: 150%;
	min-height: 600px;
	overflow: hidden;
}

#articleMain ul, #PartnersMain ul{list-style-image:url(bruxelles_mobilite_media/img/ul.gif); margin-left: 2px;}
 
#articleMain table{
	width: 550px;
}

#articleMain li ol, #PartnersMain li ol{
	padding-top: 5px;
}

#articleMain li ol li, #PartnersMain li ol li{
	font-weight: normal;
	padding-bottom: 0;
}

#articleMain h2, #projectArticle h2, #PartnersMain h2, #categorieListDesc h2, #resultContent h2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 155%;
}

#articleMain h2, #projectArticle h2, #PartnersMain h2{
	padding: 18px 0px 30px 0px;
}

#articleMain img {
  border: 1px solid #E8E8E8;
}

#articleMain .picture {
	float: right;
	margin: 25px 10px 10px 20px;
	background-color: #E8E8E8;
}

#articleMain .legend, #projectArticle .legend{
	font-size: 72%;
	padding: 0px 4px 0px 4px; 	
	width: 210px;
}

#articleMain ul {
	margin: 1em;
}

#articleMain {
	background-color: #fff;
	position: relative;
	float: left;
	width: 588px;
	margin-left: 0px;
	padding: 10px;
	line-height: 155%;
}

.categoryTitle {
	clear: both;
	font-size: 11px;
	margin: 0 4px;
	padding: 2px;
	vertical-align: middle;
	color: #666;
}
.categorieBlock {
	position: relative;
	margin: 5px;
	padding: 5px;
	width: 169px;
	height: 245px;
	float: left;
	background-color: #fff;
    overflow: hidden;
}

.notpublished {
	background: #F4F4F4 url(bruxelles_mobilite_media/img/draft.png) repeat ;
}

.categorieBlock h3.title{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0px;
	font-size: 115%;
}

.categorieBlock h3{
	font-weight: bold;
}

.categorieBlock, .categorieBlock h3{
	font-size: 95%;
}

.categorieBlock .suite{
	font-weight: bold;
	position: absolute;
	display: block;
	width: 149px;
	text-align: right;
	padding: 5px 5px 10px 15px;
	bottom: 0;
	background: #FFF;
}

.categorieBlock ul{
	list-style:none;
	padding: 0;
}

.categorieBlock p, .categorieBlock h3{
	padding: 0;
	margin: 0;
}


.categorieBlock img {
	border: 1px solid #CCCCCC;
}

.categorieBlock .article_thumbnail {
	display: block;
	text-align: center;
}

#articleMain .date{
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 80%;
}
.categorieBlock .date {
	font-size: 80%;
}

.categorieBlock .nextContent {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 24px;
	width: 72px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
  clear: both;
	padding-top: 2px;
}

#categorieListDesc {
	background-color: #FFFFFF;
	padding: 6px;
	width: 765px;
}

#categorieListDesc h3, #categorieListDesc p {
 padding: 0px;
}

#categorieListPicture {
/*	width: 350px;
	height: 80px;*/
	float: right;
}

/* http://stackoverflow.com/questions/311504/long-pages-in-firefox-offset-when-scrollbar-appears */
html{
   /* overflow is standard, but not overflow-x and -y. Still this works on IE7 and firefox */
   overflow-y:scroll;
   overflow-x:auto;
}

/* center */
#center{
	width: 1000px;
	display: inline;
}

#content{
	position: relative;
	float: left;
	width: 790px;
}

#right{
	position: relative;
	float: right;
	width: 200px;
}

/* subHeader */
#subHeader{
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.breadcrumb{
	position: relative;
	float: left;
	font-size: 85%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.contact{
	position: relative;
	float: right;
	font-size: 85%; 
}
/* End subHeader */
/*BOX*/
#right .box {
	display: block;
	margin: 0px 0px 4px 6px;
}

/* footer */
#footerTxt .selected{
	background: none;
	padding: 0;
}
#footer{
	margin-top: 10px;
	width: 100%;
}

#footerTxt{
	text-align: center;
	font-size: 85%;
	padding-top: 20px;
	padding-bottom: 14px;
}
#footerTxt ul {
    display: inline;
}
#footerTxt li {
    display: inline;
}
/* End footer */

/*Error Page*/
#errorPage {
	background-color: #FFFFFF;
  position:absolute;
	margin: auto;
  width: 100px;
  border: 1px solid #CCCCCC;
}

/* News Ticker */
#newsTicker .lireSuite{
    font-weight:bold;
    color: #727272;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

#currentButton {
	height: 22px;
	padding-left: 28px;
	padding-top: 5px;
	font-weight: bold;
	margin-bottom: 50px;
}

#currentButton:hover {
	cursor: pointer;
}

#archivedButton {
	height: 22px;
	padding-left: 34px;
	padding-top: 8px;
	font-weight: bold;
}

#archivedButton:hover {
	cursor: pointer;
}
#rssNewsButton a {
	cursor: pointer;
}
#rssNewsButton {
    display: block;
    width: 160px;
}
#rssNewsButton hr {
    padding-bottom: 0;
    margin-bottom: 0;
}

.otherNews{
	height: 160px;
	width: 175px;
	padding-left: 10px;
	padding-top: 16px;
	padding-right: 8px;
	font-size: 90%;
}

.otherNews .newsDate{
	position : absolute;
	right: 8%;
	bottom: 10%;
	font-weight: bold;
}

.otherNews h4{
	width: 120px;
	padding-bottom: 10px;
}

/* SearchResult */
#resultContent p.count, #resultContent p{
	margin-top: 0;
	padding: 0;
}

#resultContent .result p{
	border-bottom: #E3E3E3 solid 1px;
	padding-bottom: 4px;
}

.resultPortail, .result, .footerResult{margin-left: 4px;}

.resultPortailMob, .resultPortailEP{
	padding: 14px 18px;
	margin-left: 4px;
}

.resultPortailMob{
	background: url(bruxelles_mobilite_media/img/results_top.gif) no-repeat;
}

.resultPortailEP{
	background: url(espaces_publics_media/img/results_top.gif) no-repeat;
}

.result{
	background: url(bruxelles_mobilite_media/img/results_center.gif) repeat-y;
	padding: 2px 18px;
}

.footerResult{
	background: url(bruxelles_mobilite_media/img/results_bottom.gif) no-repeat;
	padding: 10px 18px 45px;
	text-align: right;
}
.footerResult h5{
	text-align: right;
}

#resultContent h4{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	width: 83%;
	margin-bottom: 8px;
}

#resultContent .pagination{
	padding-top: 10px;
}

#resultContent .step-links {
	display: block;
	margin: 5px auto;
	text-align: center;
}

#resultContent .current{
	padding: 2px;
	border: #CCCCCC 1px solid;
}

#resultContent .previous{
	background-position: top left;
	padding: 0 0 4px 24px;
}

#resultContent .next{
	background-position: top right;
	padding: 0 0 3px 24px;
}

#resultContent .next:hover {
    background-position: 100% 100% !important;
}

#resultContent .previous:hover {
    background-position: 0% 100% !important;
}

#resultContent em{
	border: #CCC solid 1px;
	background: url(bruxelles_mobilite_media/img/em_search.gif) repeat-x;
}

form.commonSearchEngine {
	position: absolute;
	right: 8px;
	height: 16px;
	width: 180px;
}

form.commonSearchEngine input.criteria {
	padding: 0px 6px;
  margin-top: 7px;
	font-size: 100% !important;
	background: transparent;
	border: none;
	width: 118px;
	height: 15px;
}
form.commonSearchEngine input.submit {
    position: absolute;
    right: 30px;
    top: 6px;
    height: 18px;
    width: 19px;
    cursor: pointer;
    background: transparent;
		border:0;
}

/*Standard page*/
#pageContent{	
	border:1px solid #E3E3E3;
	line-height:155%;
	margin-left:0;
	padding:10px;
	position:relative;
}

#pageContent, #PartnersMain, #PartnerIntro{
	background-color: #FFFFFF;
	width: 757px;
}

#resultContent em {
	font-style: italic;
	font-weight: inherit;
}

input.emptysearch {
	color: #888;
}

/*Forms*/
.articleForm{
	margin-top: 10%;
}

.tableForm{
	margin: 10px 15px;
}

.tableForm td, .tableForm th{
	padding: 8px 15px;
	border-bottom: #E6E6E6 2px solid;
}

.tableForm th{
	width: 100%;
}

#articleMain .tableForm ul{
	list-style: none;
}

.tableForm .subtitle{
	font-weight: bold;
}

.calendarbox{
	background-color: #FFFFFF;
	border: #E6E6E6 1px solid;
	padding: 10px;
}

.calendar table, .calendar td{border: #E6E6E6 1px solid; padding: 2px 3px;}
.calendar caption{background-color: #CCC;}
.calendarnav-next, .calendarnav-previous{font-weight: bold; font-size: 14px;}

.result_message_failure, .result_message_success{
	font-weight: bold;
	font-size: 12px;
}

.result_message_failure, .errorlist{color: #C00;}
.result_message_success{color: #36C;}

#right #survey_sidebar.box {
  display: none;
	padding: 0;
}

#right .box .box-content {
	width: 180px;
	padding: 0px 4px 0px 6px;
	background-image: url(bruxelles_mobilite_media/img/survey_background02.gif);
	background-position: center left;
	background-repeat: repeat-y;
}
#right .box .box-content p {
	margin-bottom: 0;
	margin-top: 0;
	padding: 1em 5px 0 5px;
}

#survey_question h4{padding-bottom: 10px;}

#survey_question ul li{
	padding: 2px 4px 2px 20px;
	border-bottom: #E6E6E6 1px solid;
	background: url(bruxelles_mobilite_media/img/survey_off.gif) no-repeat;
	background-position: center left;
}

#survey_question ul li:hover{
	background: url(bruxelles_mobilite_media/img/survey_on.gif) no-repeat;
	background-position: center left;
	cursor: pointer;
}

#right #survey_sidebar .percent{color: #83B238; font-weight: bold;}

#right #survey_sidebar.box ul {
	list-style-type: none;
	padding-left:0;
}
#right #survey_sidebar table td {
	padding: 10px 5px 0 5px;
}

#right #survey_sidebar table{
	width: 100%;
}

#right #survey_sidebar table tr{
	padding: 10px 5px 0 5px;
	border-bottom: #E6E6E6 1px solid;
}
#right #survey_sidebar table td{
	border-bottom: #E6E6E6 1px solid; /* ie6 fix, table tr doesn't work */
}

#right .box .box-top {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(bruxelles_mobilite_media/img/survey_background.gif);
	width: 195px;
	height: 20px;
}
#right .box .box-bottom {
    background-repeat: no-repeat;
    background-position: bottom left;
	background-image: url(bruxelles_mobilite_media/img/survey_background.gif);
    width: 195px;
    height: 20px;
}

#right .concours .box-top {
	background: url(bruxelles_mobilite_media/img/concours_top.gif) transparent no-repeat;
	height: 20px;
}
#right .concours .box-bottom {
	background: url(bruxelles_mobilite_media/img/concours_bottom.gif) transparent;
	height: 22px;
}

#right .concours .box-content {
background: url(bruxelles_mobilite_media/img/concours_middle.gif) transparent repeat-y;
padding-left: 10px;
padding-right: 10px;
}

.concours .box-content h4 {color: #333;}


.player {
    float: left;
    position: relative;
    cursor: pointer;
    margin: 3px 10px 10px 0;
}

.playicon {
    position: absolute;
	height: 16px;
	width: 16px;
    bottom: 10px;
    right: 10px;
    background-color: #FFF;
	background-image: url(jquery-icons.png);
	background-position: -0px -160px;
}

.ellipsis {
    display: block;
    font-style: italic;
    font-size: 10px;
    text-align: right;
}

.articleForm .button{
	background: transparent url(bruxelles_mobilite_media/img/search_off.gif) top left no-repeat;
	background-repeat: no-repeat;
	border: none;
	width: 120px;
	height: 26px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 95%;
	text-align: center;
	padding-bottom: 6px;
	vertical-align: middle;
	cursor: pointer;
}

.articleForm .button:hover{
	background: transparent url(bruxelles_mobilite_media/img/search_on.gif) top left no-repeat;
}

.articleForm .button{float:right; margin-right: 20px;}

/* disable map div by default */
#mapContainerContent{
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%; /* IE6 workaround ; or update status will jump to the bottom */
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.msie .clearfix { display: inline-block !important; zoom: 1;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */