body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#404040;
	background:#fff url(../images2/bg-body.gif) repeat-x;
}
#hp{
	background:#bbd2e6 url(../images2/bg-body-hp.gif) repeat-x;
}
img{border-style:none;}
a{
	color:#055bac;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}z-i
form,
fieldset{
	margin:0;
	padding:0;
	border:none;
}
#main{
	width:950px;
	margin:20px auto 0;
	background:#fff;
}
#hp #main{
	width:935px;
	margin-top:0;
	padding:0 8px;
	background:url(../images2/bg-main.png) repeat-y;
}
#header{
	width:100%;
}
#hp #header{
	padding:0 0 18px;
	overflow:hidden;
	border-bottom:1px solid #8d8d8d;
	background:url(../images2/bg-header-btm.gif) no-repeat 0 100%;
}
.main-nav{
	width:100%;
	overflow:hidden;
	padding:18px 0 1px;
	border-bottom:1px solid #fff;
	background:url(../images2/bg-main-nav.jpg) no-repeat;
}
.main-nav ul{
	margin:0 -1px 0 0;
	padding:0; 
	list-style:none;
	float:right;
	overflow:hidden;
}
.main-nav ul li{
	float:left;
	padding:12px 10px 0 10px;
	background:url(../images2/main-nav-sep.gif) no-repeat;
}
.main-nav ul li:first-child{background:none;}
.main-nav ul li a{
	display:block;
	text-indent:-9999px;
	margin:0 0 12px;
	overflow:hidden;
}
.l-qui{
	width:105px;
	height:10px;
	background:url(../images2/bg-que.png) no-repeat;
}
.l-notre{
	width:90px;
	height:9px;
	background:url(../images2/bg-notre.png) no-repeat;
}
.l-les{
	width:64px;
	height:10px;
	background:url(../images2/bg-les.png) no-repeat;
}
.l-news{
	width:80px;
	height:9px;
	background:url(../images2/bg-news.png) no-repeat;
}
.l-nous{
	width:87px;
	height:10px;
	background:url(../images2/bg-nous.png) no-repeat;
}
.main-nav ul li a.l-documentation{
	width:87px;
	height:22px;
	background:url(../images2/bg-documentation.png) no-repeat;
	margin:-7px 0 7px;
}
.intro{
	width:100%;
	background:#fff url(../images2/bg-intro.gif) no-repeat;
}
.intro:after{
	content:"";
	display:block;
	clear:both;
}
.intro .logo{
	margin:16px 116px 0 19px;
	float:left;
	width:332px;
	display:inline;
}
.intro .logo a{
	display:block;
	width:332px;
	height:116px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images2/bg-logo.png) no-repeat;
}
.blog{
	float:left;
	width:172px;
	margin:29px 167px 0 0;
}
.blog a{
	display:block;
	width:172px;
	height:136px;
	overflow:hidden;
	background:url(../images2/bg-blog.png) no-repeat;
	text-indent:-9999px;
	padding:0 0 1px;
}
/* top-menu */
.top-menu{
	padding:0 8px 0 0;
	overflow:hidden;
}
.top-menu ul{
	float:right;
	margin:0;
	padding:0;
}
.top-menu ul li{
	float:left;
	list-style:none;
	padding:4px 13px 0 14px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	background:url(../images2/sep-top-menu.gif) no-repeat;
}
.top-menu ul li:first-child{background:none;}
.top-menu ul a{
	color:#898989;
	text-decoration:none;
}
.top-menu ul .active a{color:#0055a5;}
/* sub-logo */
.sub-logo{
	float:right;
	clear:right;
	width:111px;
	height:100px;
	overflow:hidden;
	display:inline;
	margin:11px 20px 0 0;
	text-indent:-9999px;
	background:url(../images2/bg-sub-logo.gif) no-repeat;
}
#hp .sub-logo{
	float:left;
	margin:57px 0 0;
}
#primary{
	width:100%;
	overflow:hidden;
	background:url(../images2/bg-primary.gif) repeat-y;
}
/* h-nav-hold */
.h-nav-hold{
	float:left;
	width:100%;
	margin-top:10px;
	border-bottom:1px solid #bee0fd;
	background:#eee url(../images2/bg-h-nav-hold.gif) repeat-x;
}
/* nav */
#nav{
	margin:0;
	padding:0;
	float:left;
	z-index:35000;
}
#nav li{
	float:left;
	list-style:none;
	z-index:35000;
}
#nav a{
	float:left;
	display:inline;
	overflow:hidden;
	height:39px;
	text-indent:-9999px;
	text-decoration:none;
	margin:0 0 0 -8px;
	position:relative;
	z-index:35000;
}
#nav .about-urbact{
	width:119px;
	background:url(../images2/bg-nav-about-urbact.gif) no-repeat;
}
#nav .integrated-urban-development{
	width:130px;
	background:url(../images2/bg-nav-integrated-urban-development.gif) no-repeat;
}
#nav .our-projects{
	width:102px;
	background:url(../images2/bg-nav-our-projects.gif) no-repeat;
}
#nav .get-involved{
	width:102px;
	background:url(../images2/bg-nav-get-involved.gif) no-repeat;
}
#nav .news-events{
	width:109px;
	background:url(../images2/bg-nav-news-events.gif) no-repeat;
}
#nav .documents-ressources{
	width:172px;
	background:url(../images2/bg-nav-documents-ressources.gif) no-repeat;
}
#nav li:hover a,
#nav li.hover a,
#nav a:hover,
#nav .active a{
	z-index:35000;
	background-position:0 -39px;
}
#nav li:hover,
#nav li.hover{
	position:relative;
	z-index:35000;
}
#nav li:hover div,
#nav li.hover div{display:block;z-index:35000;}
#nav div{
	display:none;
	position:absolute;
	overflow:hidden;
	width:226px;
	top:39px;
	left:-8px;
	background:url(../images2/transparent.gif) no-repeat;
	z-index:35000;
}
#nav .bottom{
	display:block;
	overflow:hidden;
	width:226px;
	height:25px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	background:url(../images2/bg-dd-bottom.png) no-repeat;
}
#nav ul{
	margin:0;
	padding:12px 15px 0 19px;
	overflow:hidden;
	background:url(../images2/bg-dd.png) repeat-y;
	z-index:35000;
}
* html #nav ul {
	overflow:visible;
	height:1%;
}
#nav ul li{
	float:none;
	display:block;
	overflow:hidden;
	vertical-align:top;
	padding:5px 8px 6px;
	height:1%;
	border-top:1px solid #0055a5;
	z-index:35000;
}
#nav ul li:first-child{border:none;}
#nav ul a{
	display:inline;
	text-indent:0;
	height:auto;
	margin:0;
	color:#fff;
	font:12px/16px Arial, Helvetica, sans-serif;
	z-index:35000;
}
#nav ul a:hover{color:#fcd433;}
/* h-search */
.h-search{
	float:right;
	width:237px;
	padding:10px 0 0;
}
.h-search .txt{
	float:left;
	width:176px;
	padding:3px 10px;
	color:#898989;
	border:1px solid #bee0fd;
	border-width:1px 0 1px 1px;
	font:bold 10px Arial, Helvetica, sans-serif;
}
.h-search .btn{
	float:left;
	border:none;
}
/* content */
#content{
	width:605px;
	padding:25px 15px 0 14px;
	float:left;
	margin:0 1px -16px 0;
}
.post{
	width:100%;
	padding:0 0 31px;
}
.post h2{
	margin:0 0 7px;
	padding:0 0 5px 3px;
	font-size:23px;
	color:#003185;
	border-bottom:1px solid #d9d9d9;
}
.post p{
	margin:0 0 15px 5px;
	line-height:19px;
}
.post-info{
	width:100%;
	overflow:hidden;
	font-size:11px;
}
.date{
	float:left;
	padding:0 0 8px 22px;
	background:url(../images2/bg-date.gif) no-repeat;
	color:#000;
	margin:0 0 0 5px;
}
.coment{
	float:right;
	padding:0 0 8px 27px;
	margin:1px 5px 0 0;
	background:url(../images2/bg-coment.gif) no-repeat;
	color:#003186;
}
.illustration{
	width:435px;
	padding:5px 5px 0;
	border:1px solid #ccc;
	background:#fff;
	text-align:center;
	margin:0 0 21px 5px;
}
.illustration p{
	margin:8px 0 4px;
	font-size:11px;
	color:#4a4a4a;
	line-height:14px;
}
.illustration01{
	width:435px;
	height:288px;
}
#sidebar{
	width:300px;
	float:left;
}
.rss{
	width:100%;
	padding:20px 0;
}
.rss a{
	background:url(../images2/bg-rss.gif) no-repeat 0 6px;
	color:#003185;
	padding:10px 0 10px 36px;
	margin:0 0 0 16px;
}
.side-box{
	background:url(../images2/sidebar-sep.gif) no-repeat;
	padding:18px 0 14px 15px;
}
.side-box h3.categories{
	margin:0 0 11px;
	width:81px;
	height:17px;
	text-indent:-9999px;
	background:url(../images2/bg-categories.png) no-repeat;
}
.side-box h3.latest{
	margin:-4px 0 11px;
	width:92px;
	height:16px;
	text-indent:-9999px;
	background:url(../images2/bg-latest.png) no-repeat;
}
.side-box ul{
	margin:0 0 0 5px;
	padding:1px 0 0 18px;
	list-style:none;
	background:url(../images2/bg-side-box.gif) repeat-y;
	overflow:hidden;
	height:1%;
}
.side-box ul li{
	padding:0 0 11px;
	width:100%;
	float:left;
	
}
.side-box ul li.last{padding:0;}
.side-box ul li a{
	color:#003185;
}
.side-info{
	background:url(../images2/sidebar-sep.gif) no-repeat;
	padding:7px 0 0 4px;
}
.website{
	display:block;
	text-indent:-9999px;
	width:293px;
	height:38px;
	overflow:hidden;
	background:url(../images2/bg-website.png) no-repeat;
}
.projects{
	background:url(../images2/bg-map.jpg) no-repeat 1px 32px;
	padding:0 0 17px;
	overflow:hidden;
	width:100%;
}
.link-projects{
	display:block;
	width:293px;
	height:49px;
	text-indent:-9999px;
	background:url(../images2/bg-projects.png) no-repeat;
}
.search-map{
	float:right;
	width:200px;
	height:20px;
	overflow:hidden;
	margin:132px 6px 0 0;
	padding:0 0 0 16px;
	text-align:center;
	background:url(../images2/bg-search-map.gif) no-repeat;
	font-size:10px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
}
.form1{
	margin:1px 0 0 9px;
}
.form1 select{
	font-size:10px;
	font-weight:bold;
	color:#6f6f6f;
	width:180px;
	padding:1px; 
	height:19px;
	border:1px solid #a7d6ff;
}
.tags-cloud{
	background:url(../images2/sidebar-sep.gif) no-repeat;
	padding:20px 0 10px 15px;
}
.tags-cloud h3{
	margin:0 0 11px;
	width:78px;
	height:16px;
	text-indent:-9999px;
	background:url(../images2/bg-tags.png) no-repeat;
}
.tags-cloud ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.tags-cloud ul li{
	float:left;
	width:100%;
}
.tags-cloud ul a{
	color:#003185;
	float:left;
}
.search-box{
	background:url(../images2/sidebar-sep.gif) no-repeat;
	padding:18px 0 0 15px;
}
.search-box h3{
	margin:0 0 11px;
	width:51px;
	height:14px;
	text-indent:-9999px;
	background:url(../images2/bg-search.png) no-repeat;
}
.inp01{
	border:1px solid #a7d6ff;
	border-right:none;
	padding:2px 4px;
	width:145px;
	font-size:11px;
}
.form1 select:focus,
.inp01:focus{outline:none;}
.form-search fieldset{
	margin:0;
	padding:0;
}
.form-search input{
	float:left;
}
/* main-content */
#main-content{
	/*overflow:hidden;*/
	width:100%;
	padding:10px 0 0;
	z-index:1;
}
/* flash */
.flash{
	overflow:hidden;
	width:100%;
	margin:0 0 18px;
}
.flash img{display:block;}
/* c-info */
.c-info{
	overflow:hidden;
	width:960px;
	margin:0 0 20px;
}
/* c-information */
.c-information{
	float:left;
	width:430px;
	display:inline;
	margin:0 27px 0 21px;
}
.c-information .title{
	overflow:hidden;
	width:434px;
	margin:0 -2px;
	position:relative;
	z-index:2;
}
.c-information .title h3{
	padding:0 13px;
	margin:0;
	width:408px;
	height:47px;
	color:#055bac;
	overflow:hidden;
	font:bold 13px/34px Arial, Helvetica, sans-serif;
	background:url(../images2/bg-title.png) no-repeat;
}
.c-information .title strong{
	display:block;
	overflow:hidden;
	height:12px;
	margin:12px 0 0;
	text-indent:-9999px;
}
.c-information .title .t-projects{
	background:url(../images2/bg-heading-projects.gif) no-repeat;
}
.c-information .title .t-news-events{
	background:url(../images2/bg-heading-news-events.gif) no-repeat;
}
/* c-info-hold */
.c-info-hold{
	margin:-16px 0 0;
	padding:22px 0 15px;
	overflow:hidden;
	border:solid #bee0fd;
	border-width:0 1px 1px;
	background:#fff url(../images2/bg-c-info-hold.gif) repeat-x 0 100%;
}
* html .c-info-hold {
	overflow:visible;
	height:1%;
}
.c-info-form{
	padding:41px 0 10px 9px;
	background:#fff url(../images2/bg-c-info-form.gif) no-repeat 100% 100%;
}
.c-info-form fieldset{display:block;}
.c-info-form .sel{
	width:222px;
	height:18px;
}
.c-info-form .search-map{margin:74px 0 0;}
.outtaHere {
	position:absolute;
	left:-3000px;
}
/* Selects */
.selectArea {
	height:18px;
	margin:0;
	padding:0;
	font:bold 10px/18px Arial, Helvetica, sans-serif;
	position:relative;
	color:#898989;
	border:1px solid #bee0fd;
	padding:0;
	background:#fff;
	float:left;
	width:100%;
}
.selectArea .left {
	width:26px;
	height:18px;
	margin:0;
	padding:0;
	display: block;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
.selectArea a.selectButton {
	display:block;
	float:none;
	width:26px;
	height:18px;
	position:absolute;
	top:0;
	right:0;
	border: none;
	
	
	/* z-index:4; */
	z-index:1; /* Modified by Alexis because there is a FF problem where the nav menu on the top
	              is being blocked by the select button when you go the the Our Projects->List of Projects page.
				  As  requested in Gilles email, Dec. 1, 2009 */
	
	margin:0;
	outline:none;
	background:url(../images2/bg-select.gif) no-repeat;
}
.selectArea .center{
	display:block;
	height:18px;
	line-height:18px;
	padding:0;
	padding:0 30px 0 5px;
	overflow: hidden;
	float: none;
	text-align:left;
}
.selectArea .disabled {
	width:100%;
	height:18px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
/*Selects drop-down*/
.optionsDivInvisible,
.optionsDivVisible {
	position: absolute;
	display:block;
	z-index:300;
	font:10px/14px Arial, Helvetica, sans-serif;
	color:#898989;
	overflow:auto;
	background:#fff;
	border:1px solid #bee0fd;
}
.optionsDivInvisible {display: none;}
.optionsDivVisible ul {
	width:100%;
	padding:0 0 5px;
	margin:0;
	list-style:none;
	overflow:hidden;
}
* html .optionsDivVisible ul{ height:1%;}
.optionsDivVisible ul li {
	width: 100%;
	overflow:hidden;
	margin-top:-1px;
	vertical-align:top;
}
.optionsDivVisible a{
	text-decoration:none;
	display: block;
	padding:2px 5px;
	color:#898989;
	font:bold 10px/18px Arial, Helvetica, sans-serif;
}
.optionsDivVisible a:hover {text-decoration:underline;}
/* info-box-area */
.info-box-area{
	min-height:163px;
	overflow:hidden;
	background:url(../images2/bg-info-box.gif) repeat-y 214px 0;
}
* html .info-box-area {
	overflow:visible;
	height:163px;
}
.info-box{
	float:left;
	display:inline;
	width:192px;
	margin:-20px 12px -15px 10px;
	overflow:hidden;
}
.info-box .box{
	overflow:hidden;
	margin:-1px 0 0;
	padding:18px 0 15px;
	background:url(../images2/sep-box.gif) repeat-x;
	
	/*height:60px;*/
	min-height:60px;
	max-height:80px;

}
.info-box .box2{
	overflow:hidden;
	margin:-1px -10px 0;
	padding:15px 0 15px;
	background:url(../images2/blog.gif) no-repeat;
	
	/*height:60px;*/
	min-height:60px;
	max-height:80px;

}
* html .info-box .box {
	overflow:visible;
	height:1%;
}
.info-box .box h4{
	margin:0 0 3px;
	color:#0055a5;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
}
.info-box .box2 h4{
	margin-left:15px;
	margin-right:80px;
	margin-top:0px;
	margin-bottom:0px;
	color:#FFFFFF;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
}
.info-box .box2 a{
	
	color:#FFFFFF;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	width:100px;
}
.info-box .box p{
	margin:0 0 4px;
	color:#898989;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
}
.info-box .box .more{
	color:#898989;
	padding:0 0 0 12px;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	background:url(../images2/bg-more.gif) no-repeat;
}
/* keywords-area */
.keywords-area{
	overflow:hidden;
	width:100%;
	background:#0055a5;
}
.keywords{
	float:left;
	width:137px;
	height:102px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images2/bg-keywords.gif) no-repeat;
}
/* tag-cloud */
.tag-cloud{
	overflow:hidden;
	padding:25px 0 0;
}
.tag-cloud ul{
	margin:0;
	padding:0;
	text-align:center;
	overflow:hidden;
}
.tag-cloud ul li{
	display:inline;
	padding:0 9px;
	list-style:none;
	line-height:22px;
	font-weight:bold;
}
.tag-cloud ul a{color:#fff;}
.tag-cloud ul .size-01{font-size:12px}
.tag-cloud ul .size-02{font-size:14px}
.tag-cloud ul .size-03{font-size:16px}
.tag-cloud ul .size-04{font-size:18px}
.tag-cloud ul .size-05{font-size:24px}
/* side-column */
.side-column{
	float:left;
	width:156px;
}
/* user-menu */
.user-menu{
	margin:0;
	padding:27px 0 0 8px;
	width:100%;
	overflow:hidden;
}
.user-menu li{
	float:left;
	width:100%;
	padding:0 0 8px;
	list-style:none;
}
.user-menu a{
	display:block;
	overflow:hidden;
	width:139px;
	height:44px;
	text-indent:-9999px;
	text-decoration:none;
}
.user-menu2{
	margin:0;
	padding:27px 0 0 0px;
	width:100%;
	overflow:hidden;
}
.user-menu2 li{
	float:left;
	width:100%;
	padding:0 0 8px;
	list-style:none;
}
.user-menu2 a{
	display:block;
	overflow:hidden;
	width:145px;
	height:44px;
	text-indent:-9999px;
	text-decoration:none;
}
.user-menu .map-projects{
	background:url(../images2/bg-map-projects.gif) no-repeat;
}
.user-menu .list-projects{
	background:url(../images2/bg-list-projects.gif) no-repeat;
}
.user-menu2 .exploring_our_areas{
	background:url(../images2/bg-exploring_our_areas.png) no-repeat;
}
.user-menu .map-projects_fr{
        background:url(../images2/bg-map-projects_fr.png) no-repeat;
}
.user-menu .list-projects_fr{
        background:url(../images2/bg-list-projects_fr.png) no-repeat;
}
.user-menu2 .exploring_our_areas_fr{
	background:url(../images2/bg-exploring_our_areas_fr.png) no-repeat;
}

/* main-column */
.main-column{
	
	/*
	I believe the code below was modified by Francis,
	float:left;
	width:592px;
	*/
	
	/*
	  Oriringal code below
	float:right;
	width:777px;
	padding:0 10px 30px 0;
	*/
	
	
	float:left;
	width:555px; /* This should only be 500, if not, the content will be at the bottom of the page. I do not sse where it goes at the bottom.. change by Gilles */
	padding:0 10px 30px 0;
}
.main-column h1{
	margin:0 0 5px;
	color:#055bac;
	font:bold 24px/28px Arial, Helvetica, sans-serif;
}

/* Added by Alexis so that all h, ul, ol and li tags have the same color */
/*
.main-column h2, h3, ul, ol, li {
	color:#1368b9;
}
*/
/* According to Melanie on April 29, 2010, the <ol> <ul> <li> should not be blue,
   so here we only used h2, h3, a */
.main-column h2, h3, a{
	color:#1368b9;
}



/* Added by Alexis for Melanie's request (Dec. 1, 2009) that the 
   header <h2> for the Urbact People Pages be blue 
   instead of gray. */
.main-column h2 {
	color:#055BAC;
}



.main-column p{
	margin:0 0 5px;
	color:#404040;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.main-column .c-text{
	margin:0;
	color:#0055a5;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}
/* text-box */
.text-box{
	overflow:hidden;
	width:560px;
	padding:12px 0 ;
}
/* breadcrumbs */
.breadcrumbs{
	margin:0;
	padding:1px 0 4px;
	width:100%;
	overflow:hidden;
}
.breadcrumbs li{
	float:left;
	padding:0 14px 0 9px;
	list-style:none;
	color:#898989;
	font:bold 10px/16px Arial, Helvetica, sans-serif;
	background:url(../images2/sep-f-hold-list.gif) no-repeat 0 5px;
}
.breadcrumbs a{color:#898989;}
/* promo-area */
.promo-area{
	margin:0;
	padding:20px 0 0;
	width:100%;
	overflow:hidden;
	position:relative;
}
.promo-area li{
	float:left;
	margin:0 10px 10px 0;
	list-style:none;
	width:184px;
	height:187px;
}
.promo-hold{
	overflow:hidden;
	position:relative;
	width:100%;
}
.promo-area img{display:block;}
.promo-area .p-txt{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:184px;
	height:51px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.promo-area .a-bottom .p-txt{
	bottom:0;
	top:auto;
}
* html .promo-area .a-bottom .p-txt{bottom:-1px}
* +html .promo-area .a-bottom .p-txt{bottom:-1px}
.promo-area .disadvantaged-neighbourhoods{background:url(../images/bg-h-disadvantaged-neighbourhoods.png) no-repeat;}
.promo-area .quality-sustainable-living{background:url(../images/bg-h-quality-sustainable-living.png) no-repeat;}
.promo-area .metropolitan-governance{background:url(../images/bg-h-metropolitan-governance.png) no-repeat;}
.promo-area .innovation-creativity{background:url(../images/bg-h-innovation-creativity.png) no-repeat;}
.promo-area .port-cities{background:url(../images/bg-h-port-cities.png) no-repeat;}
.promo-area .cultural-heritage-city-development{background:url(../images/bg-h-cultural-city-development.png) no-repeat;}
.promo-area .active-inclusion{background:url(../images/bg-h-active-inclusion.png) no-repeat;}
.promo-area .human-capital-entrepreneurship{background:url(../images/bg-h-human-capital-entrepreneurship.png) no-repeat;}
.promo-area .shadow{
	position:absolute;
	z-index:4;
	top:-9999px;
	left:0;
	display:block;
	overflow:hidden;
	cursor:pointer;
	width:184px;
	height:187px;
	background:url(../images/bg-shadow.png);
}
.promo-area li:hover .shadow,
.promo-area li.hover .shadow,
.promo-area .active .shadow{top:0;}
.promo-area .active {z-index:55;}
.promo-area .active .popup{left:50%;}
.promo-area .popup{
	width:502px;
	overflow:hidden;
	position:absolute;
	left:-9999px;
	top:83px;
	margin:0 0 0 -251px;
	z-index:5;
	background:url(../images/transparent.gif);
}
.promo-area .popup .top,
.promo-area .popup .bottom{
	display:block;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	width:502px;
	height:36px;
}
.promo-area .popup .top{
	background:url(../images/bg-popup-top.png) no-repeat;
}
.promo-area .popup .bottom{
	background:url(../images/bg-popup-bottom.png) no-repeat;
}
.promo-area .popup .popup-hold{
	overflow:hidden;
	padding:4px 38px 0 32px;
	background:url(../images/bg-popup.png) repeat-y;
}
* html .promo-area .popup .popup-hold {
	overflow:visible;
	height:1%;
}
.promo-area .popup .popup-hold h3{
	color:#fff;
	margin:0 17px 10px;
	padding:0 0 4px;
	border-bottom:1px solid #0c5396;
	font:bold 16px/20px Arial, Helvetica, sans-serif;
}
.promo-area .popup .popup-hold h3 strong{
	display:block;
	overflow:hidden;
	text-indent:0;
	height:21px;
	margin:0 -3px;
}
.promo-area .popup .popup-hold h3 .h-metropolitan-governance{background:url(../images/bg-metropolitan-governance.png) no-repeat;}
/* i-list */
.scrollable{
	overflow:auto;
	width:406px;
	height:168px;
	margin:0 5px 4px 19px;
}
.i-list{
	overflow:hidden;
	margin:0;
	padding:0;
}
.i-list li{
	position:static !important;
	float:none;
	width:auto;
	height:auto;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 8px;
	margin:0;
	list-style:none;
	font:12px/16px Arial, Helvetica, sans-serif;
}
* html .i-list li {
	overflow:visible;
	height:1%;
}
.i-list a{
	display:block;
	overflow:hidden;
	padding:0 0 0 8px;
	color:#fff;
	cursor:pointer;
	background:url(../images/bg-i-list.gif) no-repeat 0 5px;
}
.i-list a:hover{
	color:#fed64d;
	text-decoration:none;
	background:url(../images/bg-i-list-hover.gif) no-repeat 0 5px;
}
.i-list a strong{
	float:left;
	margin:0 7px 0 0;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}
* html .i-list a strong{margin-right:4px;}
.i-list a span{
	display:block;
	overflow:hidden;
}
.scrollable .vscroll-line{
	left:2px !important;
	width:7px !important;
	overflow: hidden;
	background:url(../images/bg-vscroll-line.gif) repeat-y 0 0;
}
.scrollable .vscroll-slider{
	left:0 !important;
	width:7px !important;
	height:26px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/bg-scrollslider.gif) no-repeat;
}
.scrollable .vscroll-up,
.scrollable .vscroll-down{display:none;}
/* main-information */
#main-information{
	width:100%;
	overflow:hidden;
	min-height:600px;
	background:#fff url(../images2/bg-main-information.gif) repeat-y 100% 0;
}
* html #main-information {
	overflow:visible;
	height:600px;
}
#main-information.glossary-section{background:#fff;}
/* text-column */
.text-column{
	float:left;
	width:905px;
	padding:10px 19px;
}
.text-column h1{
	margin:0 0 40px;
	color:#055bac;
	font:bold 24px/28px Arial, Helvetica, sans-serif;
}
.text-column h2{
	margin:0 0 14px;
	color:#0055a5;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
}
.text-column p{
	margin:0;
	padding:0 0 15px;
	color:#404040;
	font:12px/14px Arial, Helvetica, sans-serif;
}
/* questions-list */
.questions-list{
	margin:0;
	padding:0 0 0 25px;
}
.questions-list li{
	padding:0 0 0 12px;
	color:#000;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
.questions-list p{
	margin:0;
	padding:0;
	color:#666;
	font-weight:normal;
}
/* abc */
.abc{
	margin:7px 0 23px;
	padding:0;
	overflow:hidden;
	border-left:1px solid #c7c7c7;
}
* html .abc {
	overflow:visible;
	height:1%;
}
.abc li{
	float:left;
	list-style:none;
	border:solid #c7c7c7;
	border-width:1px 1px 1px 0;
	width:20px;
	text-align:center;
	padding:8px 0 0;
	font:bold 16px/24px Arial, Helvetica, sans-serif;
}
.abc a{color:#0055a5;}
/* result */
.result{
	overflow:hidden;
	width:100%;
}
.result .title{
	overflow:hidden;
	height:44px;
	margin:20px 0 6px;
	padding:0 8px;
	color:#0055a5;
	font:bold 31px/44px Arial, Helvetica, sans-serif;
	background:url(../images2/bg-abc-title.gif) no-repeat;
}
.result h3{
	margin:0;
	color:#404040;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
/* info-column */
.info-column{
	float:right;
	width:240px;
	padding:100px 14px 15px;
}
.info-column h3{
	margin:0 0 14px;
	color:#0055a5;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
}
/* question-categories */
.question-categories{
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.question-categories li{
	overflow:hidden;
	vertical-align:top;
	height:1%;
	list-style:none;
	padding:0 0 0 8px;
	color:#4b3c00;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	background:url(../images2/sep-question-categories.gif) no-repeat 0 7px;
}
.question-categories a{
	color:#4b3c00;
}
/* user-nav */
.user-nav{
	margin:0;
	padding:0 1px 0 9px;
	overflow:hidden;
}
.user-nav li{
	overflow:hidden;
	vertical-align:top;
	height:1%;
	width:137px;
	margin:0 0 1px;
	list-style:none;
}
.user-nav img{display:block;}
.user-nav a{
	display:block;
	overflow:hidden;
	height:56px;
	position:relative;
	text-align:center;
	color:#0055a5;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	cursor:pointer;
}
.user-nav strong{
	display:table;
	width:137px;
	height:26px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images2/bg-user-nav-shadow.png);
}
.user-nav strong span{
	display:table-cell;
	vertical-align:middle;
}
.user-nav a:hover span{text-decoration:underline;}
/* projects-table */
.projects-table{
	width:690px;
	overflow:hidden;
	padding:21px 1px 0;
}
.projects-table fieldset{display:block;}
.projects-table label{
	display:block;
	color:#0055a5;
	padding:0 2px 4px;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
.projects-table .sel{
	width:167px;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
}
.projects-table .txt{
	display:block;
	width:154px;
	padding:2px 5px;
	border:1px solid #adadad;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
}
.projects-table table{
	margin:0;
	padding:0;
	border-collapse:collapse;
}
.projects-table table thead td{
	width:166px;
	padding:5px 2px 18px;
	background:url(../images2/bg-projects-table.gif) no-repeat;
	border-right:1px solid #fff;
	vertical-align:top;
}
.projects-table table tbody td{
	color:#333;
	padding:5px 10px;
	border:1px solid #0055a5;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.projects-table table tbody .inner td{background:#e5eef6;width:166px;}
/* projects-table2 */
.projects-table2{
	width:690px;
	overflow:hidden;
	padding:1px 1px 0;
}
.projects-table2 fieldset{display:block;}
.projects-table2 label{
	display:block;
	color:#0055a5;
	padding:0 2px 4px;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
.projects-table2 .sel{
	width:167px;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
}
.projects-table2 .txt{
	display:block;
	width:154px;
	padding:2px 5px;
	border:1px solid #adadad;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
}
.projects-table2 table{
	margin:0;
	padding:0;
	border-collapse:collapse;
}
.projects-table2 table thead td{
	width:166px;
	padding:5px 2px 18px;
	background:url(../images2/bg-projects-table.gif) no-repeat;
	border-right:1px solid #fff;
	vertical-align:top;
}
.projects-table2 table tbody td{
	color:#333;
	padding:5px 10px;
	border:1px solid #0055a5;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.projects-table2 table tbody .inner td{background:#e5eef6;width:166px;}
/* loc */
.loc{
	margin:27px 0 0;
	padding:0;
	overflow:hidden;
}
.loc li{
	overflow:hidden;
	width:100%;
	vertical-align:top;
	list-style:none;
}
.loc a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:146px;
	height:30px;
}



/* 
Typoscript
css_for_sidebar_menu = urbact-at-a-glance, urbact-in-words, urbact-in-figures, urbact-in-dates, urbact-in-portraits, our-mission, our-organization, overview, urbact-projects, the-secretariat, supervisor-bodies, urbact-people, dirk-ahner, bruno-bourg-broc, stoyan-georgiev, kim-griffiths-parry, mari-anne-harstad, suzi-kvas, federico-de-matteis, josef-postranecky, xose-antonio-sanchez-bugallo, funding  
*/

/* Images Added by Alexis */
.loc a.urbact-at-a-glance{background:url(../images2/bg-loc-urbact-at-a-glance.gif) no-repeat;}
.loc a.urbact-in-words{background:url(../images2/bg-loc-urbact-in-words.gif) no-repeat;}
.loc a.urbact-in-figures{background:url(../images2/bg-loc-urbact-in-figures.gif) no-repeat;}
.loc a.urbact-in-dates{background:url(../images2/bg-loc-urbact-in-dates.gif) no-repeat;}
.loc a.urbact-in-portraits{background:url(../images2/bg-loc-urbact-in-portraits.gif) no-repeat;}
.loc a.our-mission{background:url(../images2/bg-loc-our-mission.gif) no-repeat;}
.loc a.our-organization{background:url(../images2/bg-loc-our-organization.gif) no-repeat;}
.loc a.funding{background:url(../images2/bg-loc-funding.gif) no-repeat;}
.loc a.overview{background:url(../images2/bg-loc-overview.gif) no-repeat;} /* Changed to overview, based on Melanie's email */
.loc a.urbact-projects{background:url(../images2/bg-loc-urbact-projects.gif) no-repeat;}
.loc a.the-secretariat{background:url(../images2/bg-loc-the-secretariat.gif) no-repeat;}
.loc a.supervisor-bodies{background:url(../images2/bg-loc-supervisor-bodies.gif) no-repeat;}

.loc a.urbact-people{background:url(../images2/bg-loc-urbact-people.gif) no-repeat;}
.loc a.johannes-hann{background:url(../images2/bg-loc-johannes-hann.gif) no-repeat;}
.loc a.alison-partridge{background:url(../images2/bg-loc-alison-partridge.gif) no-repeat;}
.loc a.dirk-ahner{background:url(../images2/bg-loc-dirk-ahner.gif) no-repeat;}
.loc a.bruno-bourg-broc{background:url(../images2/bg-loc-bruno-bourg-broc.gif) no-repeat;}
.loc a.stoyan-georgiev{background:url(../images2/bg-loc-stoyan-georgiev.gif) no-repeat;}
.loc a.mirela-petrar{background:url(../images2/bg-loc-mirela-petrar.gif) no-repeat;}
.loc a.kim-griffiths-parry{background:url(../images2/bg-loc-kim-griffiths-parry.gif) no-repeat;}
.loc a.mari-anne-harstad{background:url(../images2/bg-loc-mari-anne-harstad.gif) no-repeat;}
.loc a.suzi-kvas{background:url(../images2/bg-loc-suzi-kvas.gif) no-repeat;}
.loc a.federico-de-matteis{background:url(../images2/bg-loc-federico-de-matteis.gif) no-repeat;}
.loc a.josef-postranecky{background:url(../images2/bg-loc-josef-postranecky.gif) no-repeat;}
.loc a.xose-antonio-sanchez-bugallo{background:url(../images2/bg-loc-xose-antonio-sanchez-bugallo.gif) no-repeat;}



.loc a.understanding-integrated{background:url(../images2/bg-loc-understanding-integrated.gif) no-repeat;}
.loc a.exploring-areas{background:url(../images2/bg-loc-exploring-areas.gif) no-repeat;}
.loc a.active-inclusion{background:url(../images2/bg-loc-active-inclusion.gif) no-repeat;}
.loc a.cultural-heritage{background:url(../images2/bg-loc-cultural-heritage.gif) no-repeat;}
.loc a.disadvantaged-neighborhoods{background:url(../images2/bg-loc-disadvantaged-neighborhoods.gif) no-repeat;}
.loc a.human-capital{background:url(../images2/bg-loc-human-capital.gif) no-repeat;}
.loc a.low-carbon{background:url(../images2/bg-loc-low-carbon.gif) no-repeat;}
.loc a.innovation{background:url(../images2/bg-loc-innovation.gif) no-repeat;}
.loc a.metropolitan{background:url(../images2/bg-loc-metropolitan.gif) no-repeat;}
.loc a.port-cities{background:url(../images2/bg-loc-port-cities.gif) no-repeat;}
.loc a.quality-sustainable{background:url(../images2/bg-loc-quality-sustainable.gif) no-repeat;}
.loc a.why-getting-involved{background:url(../images2/bg-loc-why-getting-involved.gif) no-repeat;}
.loc a.become-a-partner{background:url(../images2/bg-loc-become-a-partner.gif) no-repeat;}
.loc a.become-an-expert{background:url(../images2/bg-loc-become-an-expert.gif) no-repeat;}
.loc a.local-support{background:url(../images2/bg-local-support.gif) no-repeat;}
.loc a.call-for-proposals{background:url(../images2/bg-loc-call-for-proposals.gif) no-repeat;}
.loc a.proposals{background:url(../images2/bg-proposals.gif) no-repeat;}
.loc a.urbact-news{background:url(../images2/bg-loc-urbact-news.gif) no-repeat;}
.loc a.urbact-events{background:url(../images2/bg-loc-urbact-events.gif) no-repeat;}
.loc a.eu-news{background:url(../images2/bg-loc-eu-news.gif) no-repeat;}
.loc a.urban-news{background:url(../images2/bg-loc-urban-news.gif) no-repeat;}
.loc a.open-calls{background:url(../images2/bg-loc-open-calls.gif) no-repeat;}

.loc a.documents{background:url(../images2/bg-loc-documents.gif) no-repeat;}
.loc a.find-thematic-expert{background:url(../images2/bg-loc-find-a-thematic-expert.gif) no-repeat;}

/* End Images Added by Alexis */


/* Down Images for sidemenu */
.loc a.urbact-people-down{background:url(../images2/bg-loc-urbact-people-down.gif) no-repeat;}
/* */


.loc .active a,
.loc a:hover{background-position:0 -30px;}
/* form-section */
.form-section{
	overflow:hidden;
	width:100%;
	padding:0 0 70px;
}
.form-section fieldset{display:block;}
.form-section .form-box{
	float:left;
	width:256px;
	margin:0 2px 0 0;
}
.form-section .form-box .form-cell{
	display:block;
	overflow:hidden;
	width:252px;
	height:54px;
	padding:5px 2px 0;
}
.form-cell-a{background:url(../images2/bg-form-cell.gif) no-repeat;}
.form-section .form-box .form-cell label{
	display:block;
	color:#1368b9;
	padding:0 2px 4px;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
.form-section .form-box .form-cell select{
	display:block;
	width:252px;
	color:#1368b9;
	font:11px Arial, Helvetica, sans-serif;
}
.form-section .form-box .form-cell .sel2{
	display:block;
	width:252px;
	color:#898989;
	font:11px Arial, Helvetica, sans-serif;
}
.form-section .form-box .btn{
	float:right;
	cursor:pointer;
	color:#000;
	font:10px Arial, Helvetica, sans-serif;
}
.form-section #btn-ok{
	width:40px;
	height:20px;
}
.form-section .form-box span{
	display:block;
	color:#1368b9;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
}
/* sort-section */
.sort-section{
	overflow:hidden;
	width:756px;
}
.sort-section fieldset{display:block;}
.sort-section .sel{
	float:right;
	width:103px;
	color:#000;
	font:10px Arial, Helvetica, sans-serif;
}
.sort-section .box{
	overflow:hidden;
	clear:both;
	width:100%;
	padding:17px 0 0;
}
.sort-section .box .box-inform{
	overflow:hidden;
	width:100%;
}
.sort-section .box .img-hold{
	float:left;
	margin:0 8px 0 0;
}
* html .sort-section .box .img-hold{margin-right:5px;}
.sort-section .txt-hold{
	overflow:hidden;
	padding:2px 7px 11px 0;
}
* html .sort-section .txt-hold {
	overflow:visible;
	height:1%;
}
.sort-section .date-cell{
	float:right;
	white-space:nowrap;
	color:#666;
	font:11px/14px Arial, Helvetica, sans-serif;
}
.sort-section .txt-hold h3{
	color:#0055a5;
	margin:0;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
.sort-section .txt-hold p{
	color:#666;
	margin:0;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.sort-section .txt-hold p a{color:#666}
.sort-section .more{
	display:block;
	overflow:hidden;
	text-align:right;
	padding:2px 0 0;
	background:url(../images2/sep-more.gif) repeat-x;
}
.sort-section .more a{
	color:#0055a5;
	padding:0 0 0 10px;
	background:url(../images2/bg-more-link.gif) no-repeat 0 5px;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
}
/* expert-section */
.expert-section{
	margin:0;
	padding:24px 4px 35px;
	overflow:hidden;
}
.expert-section li{
	overflow:hidden;
	width:100%;
	vertical-align:top;
	list-style:none;
	padding:0 0 5px;
}
.e-s-box{
	overflow:hidden;
	width:100%;
	background:url(../images2/bg-expert-section.gif) repeat-y;
}
.e-s-box-hold{
	overflow:hidden;
	width:100%;
	background:url(../images2/bg-expert-section-top.gif) no-repeat;
}
.e-s-box-bar{
	overflow:hidden;
	padding:9px;
	background:url(../images2/bg-expert-section-bottom.gif) no-repeat 0 100%;
}
* html .e-s-box-bar {
	overflow:visible;
	height:1%;
}
.form-bar{
	float:left;
	width:234px;
	padding:5px 33px 5px 0;
}
* html .form-bar {padding-right:30px;}
.form-bar strong{
	display:block;
	overflow:hidden;
	text-align:right;
	color:#1368b9;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
}
.e-s-box-bar .rad{
	float:left;
	width:16px;
	height:16px;
	margin:0 5px 0 0;
}
.e-s-box-bar label{
	float:left;
	color:#665623;
	margin:0 10px 0 0;
	font:10px/16px Arial, Helvetica, sans-serif;
}
.e-s-box-bar .hold{
	overflow:hidden;
}
* html .e-s-box-bar .hold {
	overflow:visible;
	height:1%;
}
.e-s-box-bar .hold .sel{
	width:186px;
	color:#004c99;
	font:12px Arial, Helvetica, sans-serif;
}
.e-s-box-bar .hold div .sel{width:238px;}
.e-s-box-bar .hold div{
	overflow:hidden;
	width:100%;
	padding:5px 0 0;
}
.expert-section .btn{
	float:left;
	width:102px;
	height:20px;
	color:#333;
	margin:0 0 0 276px;
	font:10px Arial, Helvetica, sans-serif;
	cursor:pointer;
}
/* information-table */
.information-table{
	overflow:hidden;
	width:100%;
}
.information-table .inform{
	overflow:hidden;
	width:100%;
	padding:0 0 7px;
}
.information-table .inform strong{
	display:block;
	color:#033666;
	font:13px/16px Arial, Helvetica, sans-serif;
}
.information-table .location{
	float:right;
	padding:0 5px 0 0;
}
.information-table .location a{
	float:left;
	color:#033666;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
}
.information-table .location ul{
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
.information-table .location ul li{
	float:left;
	display:inline;
	list-style:none;
	margin:0 0 0 -1px;
	padding:0 5px 0 6px;
	background:url(../images2/sep-location.gif) no-repeat 0 2px;
}
/* inform-table */
.inform-table{
	overflow:hidden;
	padding:1px 1px 7px;
}
.inform-table table{
	margin:0;
	padding:0;
	width:100%;
	border-collapse:collapse;
}
.inform-table table td{
	vertical-align:top;
	border:1px solid #0055a5;
	padding:2px 7px;
	color:#011b33;
	font:12px/16px Arial, Helvetica, sans-serif;
	background:#e5eef6;
}
.inform-table table .inner td{background:#ccdded;}
.inform-table table thead td{
	background:#fece46;
	color:#004c99;
	font-weight:bold;
}
.inform-table table ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
.inform-table table ul li{
	overflow:hidden;
	vertical-align:top;
	padding:0 0 0 8px;
	height:1%;
	background:url(../images2/bg-bullet.gif) no-repeat 0 5px;
	color:#011b33;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.inform-table .more{
	text-align:center;
	vertical-align:middle;
}
.inform-table .a-more{
	display:block;
	cursor:pointer;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	width:30px;
	height:30px;
	background:url(../images2/bg-a-link.png) no-repeat;
}
/* footer */
#footer{
	width:100%;
	overflow:hidden;
}
#hp #footer{
	padding:9px 0 0;
	background:url(../images2/bg-footer.gif) repeat-x;
}
.footer-content{
	background:url(../images2/bg-footer-content.gif) no-repeat;
	overflow:hidden;
	width:100%;
	padding:0 0 9px;
}
.footer-content p{
	margin:22px 0 0 181px;
	float:left;
	font-size:11px;
	color:#000;
	display:inline;
}
.l-top{
	float:right;
	margin:0 16px 0 0;
	background:url(../images2/bg-l-top.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
	font-size:11px;
}
/* f-info */
.f-info{
	padding:12px 20px;
	overflow:hidden;
	background:#bee0fd;
}
* html .f-info {
	overflow:visible;
	height:1%;
}
/* f-tools */
.f-tools{
	margin:0;
	padding:0;
	float:right;
}
.f-tools li{
	float:left;
	display:inline;
	list-style:none;
	margin:0 0 0 26px;
}
.f-tools a{
	float:left;
	width:auto;
	padding:0 0 0 16px;
	color:#0055a5;
	text-decoration:none;
	font:bold 10px/16px Arial, Helvetica, sans-serif;
}
.f-tools .rss{
	padding-left:23px;
	background:url(../images2/icon-rss.gif) no-repeat;
}
.f-tools .add-to-netvibes{
	background:url(../images2/icon-add-to-netvibes.gif) no-repeat 0 2px;
}
.f-tools .add-to-delicious{
	background:url(../images2/icon-add-to-delicious.gif) no-repeat 0 2px;
}
.f-tools .facebook{
        background:url(../images2/icon-facebook.gif) no-repeat 0 0px;
	padding-left:23px;
}

/* f-menu */
.f-menu{
	margin:0;
	padding:0;
	overflow:hidden;
}
* html .f-menu {
	overflow:visible;
	height:1%;
}
.f-menu li{
	float:left;
	padding:0 15px 0 9px;
	list-style:none;
	font:bold 10px/16px Arial, Helvetica, sans-serif;
	background:url(../images2/sep-f-menu.gif) no-repeat 0 5px;
}
.f-menu a{color:#0055a5;}
/* f-hold */
.f-hold{
	overflow:hidden;
	border:solid #bee0fd;
	border-width:0 1px 1px;
	background:#fff url(../images2/bg-f-hold.gif) repeat-y;
}
* html .f-hold {
	overflow:visible;
	height:1%;
}
.f-hold div{
	float:left;
	width:200px;
	padding:12px 16px 5px 20px;
}
.f-hold h3{
	margin:0;
	color:#0055a5;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
}
.f-hold-list{
	margin:0;
	padding:0 0 10px;
	width:100%;
	overflow:hidden;
}
.f-hold-list li{
	width:100%;
	overflow:hidden;
	vertical-align:top;
	text-indent:9px;
	list-style:none;
	color:#898989;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	background:url(../images2/sep-f-hold-list.gif) no-repeat 0 5px;
}
.f-hold-list a{color:#898989;}
.f-hold .more{
	color:#898989;
	padding:0 0 0 12px;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	background:url(../images2/bg-more.gif) no-repeat;
}
.f-hold-list strong{display:block;}
.f-hold-list p{
	margin:0 0 5px;
	text-indent:0;
}
/* f-nav */
.f-nav{
	margin:0;
	padding:2px 0 20px;
	width:100%;
	text-align:right;
	overflow:hidden;
}
.f-nav li{
	color:#abaaaa;
	display:inline;
	list-style:none;
	padding:0 0 0 6px;
	margin:0 0 0 4px;
	font:10px/14px Arial, Helvetica, sans-serif;
	background:url(../images2/sep-f-nav.gif) no-repeat 0 50%;
}
.f-nav li:first-child{background:none;}
.f-nav a{
	color:#abaaaa;
}






















/* 
	ALEXIS Start
	ADDED By Alexis from the previous CSS for the rightmost sidebar
*/



.sidebar{
	width:202px;
	overflow:hidden;
	float:right;
}

.infobox{
	width:202px;
	overflow:hidden;
	padding:0 0 10px;
}
.infobox h3{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-info-h-s.gif) repeat-y;
	margin:0;
}
.infobox h3 span{display:block;height:1%;overflow:hidden;background:url(../images/bg-info-h-t.gif) no-repeat;}
.infobox h3 span span{
	background:url(../images/bg-info-h-b.gif) no-repeat 0 100%;
	padding:9px 13px 18px;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#069;
	text-transform:uppercase;
}
.infobox .text-area{
	border:solid #e9e8e8;
	border-width:0 1px 1px;
	padding:15px 10px 24px 5px;
	background:#fff url(../images/bg-info-text.gif) repeat-x 0 100%;
	letter-spacing:1px;
}
.infobox .text-area h4{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0 0 4px;
	background:url(../images/border.gif) no-repeat 100% 100%;
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	color:#0055a5;
	text-transform:uppercase;
}
.infobox .text-area h4 span{
	float:left;
	padding:8px 1px 1px 5px;
	margin:0 6px 0 0;
	background:url(../images/bg-date.gif) no-repeat;
	height:22px;
	width:25px;
	text-align:center;
	font:bold 16px/17px Arial, Helvetica, sans-serif;
	color:#fff;
}
.infobox .text-area h4 strong{float:left;padding:9px 0 0;}
.infobox .text-area p{margin:9px 0 0 6px;font:11px/13px Arial, Helvetica, sans-serif;}
.infobox .text-area a.document{
	font:12px/17px Arial, Helvetica, sans-serif;
	display:block;
	padding:0 0 0 33px;
	margin:3px 0 10px 4px;
	background:url(../images/icon-docs.gif) no-repeat;
	text-decoration:none;
}
.infobox .text-area a.document strong{display:block;}
.infobox .text-area a.document span{display:block;color:#666;}
.infobox .text-area a.document:hover strong{text-decoration:underline;}
.infobox .text-area a.more{right:10px;bottom:7px;}



a.more{
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#0257a7;
	padding:0 0 0 12px;
	background:url(../images/sep-more.gif) no-repeat 0 50%;
	float: right;
	
}



/* Start Added by Alexis for news and events */

.news-events {
	margin-top: 30px;
	width: 555px;
}

.news-events .title-date {
	font-size: 15px;
	font-weight: bold;
	
}

.news-events .title-date .dates  {
	font-weight: bold;
	margin: 0 10px 0 0px;
	font-size: 12px;
}

.news-events .title-date .title {
	font-weight: bold;
	color: #055bac; 
	margin: 0 0px 0 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.news-events .newsimage {
	float:left;
	border-style:none;
	border-color:#055BAC;
	width:10%;
}

.news-events  .news-intro {
   float:right;
   border-style:none;
   border-color:#055BAC;
}

.news-events  .news-intro  .read-more{
   padding-top:20px;
}

.view-one-news-events {
   width: 555px;
}

.view-one-news-events .title {
   font-weight: bold;
   color: #055bac; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 15px;
   
}

.view-one-news-events .dates {
   font-weight: bold;
   margin-top: 10px;
   
}

.news-event-intro {
   margin-top: 20px;
}

.news-event-content {
   margin-top: 20px;
}


/* for the right sidebar */
.infobox .text-area .rightsidebar-latest-title {
	font-weight: bold;
}

.info-box .box .more-homepage {
	color:#898989;
	padding:0 0 0 12px;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	background:url(../images2/bg-more.gif) no-repeat 0 bottom;
}

/* End Added by Alexis for news and events */

.c-text .title {
	font-weight: bold;
	font-size: 15px;
	color: #055bac; 
	margin: 0 0px 0 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.list  {
	margin:0px;
	padding: 0px;
}

.deep0
{
	font-weight: bold;
	font-size: 18pt;
	color: #004c99; 
	margin-top: 10px;
	list-style: none;
	
	font-family: arial;
 
}


.deep1
{
	font-weight: normal;
	font-size: 14pt;
	color: #10579f; 
	margin-top: 7px;
	list-style: none;
	
	font-family: arial;
	font-weight: regular;
}

.deep2
{
	font-weight: normal;
	font-size: 12px;
	
	margin-top: 1px;
	list-style: none;
	
}

.deep2 li {
	margin-left: 20px;
}

.deep0 a, .deep1 a {
	color: #004c99;
}

.deep2 a 
{
	color: #404040; 
}

.sitemap-hr {
	color: #10579f; 
    margin-left: -10px;
}


div.normal {
	border:1px solid #999999;
	clear:right;
	margin:10px 0;
	overflow:hidden;
	padding:10px;
	text-align:left;
	width:890px;
}
div.normal fieldset {
	text-align:left;
	padding:10px;
	border:1px solid #999999;
	clear:right;
	margin:10px 0;
	overflow:hidden;
	
}
div.normal .savoir_plus {
	font-size: 9px;
	text-align: right;
	font-style: italic;
}

div.normal  .title {
	color:#055BAC;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:0 0 0 10px;
}
/* Dam EasySearch */
div.tx-advoodameasysearch-pi1 div.tx_advoodameasysearch_pi1-column {
	float: left;
}

div.tx-advoodameasysearch-pi1 h4 {
	font-size: 100%;
}

* html div.tx-advoodameasysearch-pi1 h4 {
	margin-top: 1em;
}

div.tx-advoodameasysearch-pi1 div.tx_advoodameasysearch_pi1-row div,
div.tx-advoodameasysearch-pi1 div.tx_advoodameasysearch_pi1-row input {
	float: left;
}	

div.tx-advoodameasysearch-pi1 div.tx_advoodameasysearch_pi1-row input {
	clear: left;
}

div.tx-advoodameasysearch-pi1 div.tx_advoodameasysearch_pi1-row div {
	margin-top: .3em;
}

/* Dam FeUpload */
.tx-yjdamfeupload-pi1 form label {
	width: 10em;
	display: block;
	float: left;
}

.tx-yjdamfeupload-pi1 #users_list,
.tx-yjdamfeupload-pi1 #users_sel,
.tx-yjdamfeupload-pi1 #groups_list,
.tx-yjdamfeupload-pi1 #groups_sel {
	width: 15em;
}

.tx-yjdamfeupload-pi1 select {
	vertical-align: top;
	width: 15em;
}
.tx-yjdamfeupload-pi1 span {
	vertical-align: top;
}

.csc-header h1 {
	margin-bottom: 0px;
}



/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link  img{ display: none; }
a.external-link-new-window img{ display: none; }
a.internal-link img { display: none; }
a.internal-link-new-window img { display: none; }
a.download  img { display: none; }
a.mail img { display: none; }



#main-content.main-content-on-homepage {
	padding: 0px;
}



.promo-holder {
	height:1%;
	padding:3px 0 0;
}
.promo-holder2 {
	height:1%;
	margin:0 0 16px;
	padding:0;
	list-style:none;
}
.promo-holder2:after {
	clear:both;
	content:'';
	display:block;
}
.promo-holder li {
	float:left;
	width:245px;
	height:157px;
	margin:0 16px 0 0;
}
.promo-holder li .popup-section {
	position:relative;
	z-index:999;
	overflow:visible;
}
.promo-holder li.hover {
	/*position:relative;
	z-index:999;*/
	
}
.promo-holder li.last {
	width:234px !important;
	margin:0 !important;
}
.promo-holder .promo-section {
	width:100%;
	overflow:hidden;
}
.promo-holder .promo-section a {
	float:left;
	cursor:pointer;
}
.promo-holder .promo-section a img {
	display:block;
}
.promo-holder .promo-section strong {
	display:block;
	background:url(../images/bg-headings.gif) no-repeat;
	width:245px;
	height:51px;
	text-indent:-9999px;
	overflow:hidden;
}

.promo-holder li:hover .promo-section strong.text-innovation-creativity,
.promo-holder li.hover .promo-section strong.text-innovation-creativity {
	background-position:-245px 0;
}
.promo-holder .promo-section strong.text-active-inclusion {
	background-position:0 -51px;
}
.promo-holder li.hover .promo-section strong.text-active-inclusion,
.promo-holder li:hover .promo-section strong.text-active-inclusion {
	background-position:-245px -51px;
}
.promo-holder .promo-section strong.text-cultural-heritage-city-development {
	background-position:0 -102px;
	height:50px;
	width:234px;
}
.promo-holder li.hover .promo-section strong.text-cultural-heritage-city-development,
.promo-holder li:hover .promo-section strong.text-cultural-heritage-city-development {
	background-position:-234px -102px;
}
.promo-holder .promo-section strong.text-low-carbon-urban-environments {
	background-position:0 -152px;
}
.promo-holder li.hover .promo-section strong.text-low-carbon-urban-environments,
.promo-holder li:hover .promo-section strong.text-low-carbon-urban-environments {
	background-position:-245px -152px;
}
.promo-holder .promo-section strong.text-disadvantaged-neighbourhoods {
	background-position:0 -203px;
}
.promo-holder li.hover .promo-section strong.text-disadvantaged-neighbourhoods,
.promo-holder li:hover .promo-section strong.text-disadvantaged-neighbourhoods {
	background-position:-245px -203px;
}
.promo-holder .promo-section strong.text-human-capital-entrepreneurship {
	background-position:0 -254px;
	width:234px;
}
.promo-holder li.hover .promo-section strong.text-human-capital-entrepreneurship,
.promo-holder li:hover .promo-section strong.text-human-capital-entrepreneurship {
	background-position:-234px -254px;
}
.promo-holder .promo-section strong.text-quality-sustainable-living {
	background-position:0 -305px;
}
.promo-holder li.hover .promo-section strong.text-quality-sustainable-living,
.promo-holder li:hover .promo-section strong.text-quality-sustainable-living {
	background-position:-245px -305px;
}
.promo-holder .promo-section strong.text-metropolitan-governance {
	background-position:0 -356px;
}
.promo-holder li.hover .promo-section strong.text-metropolitan-governance,
.promo-holder li:hover .promo-section strong.text-metropolitan-governance {
	background-position:-245px -356px;
}
.promo-holder .promo-section strong.text-port-cities {
	background-position:0 -407px;
	width:233px;
}
.promo-holder li.hover .promo-section strong.text-port-cities,
.promo-holder li:hover .promo-section strong.text-port-cities {
	background-position:-233px -407px;
}
.promo-popup .popup-hold h3 .h-innovation-creativity{background:url(../images/bg-innovation-creativity.png) no-repeat;}
.promo-popup .popup-hold h3 .h-active-inclusion{background:url(../images/bg-active-inclusion.png) no-repeat;}
.promo-popup .popup-hold h3 .h-cultural-heritage-city-development{background:url(../images/bg-cultural-city-development.png) no-repeat;}
.promo-popup .popup-hold h3 .h-low-carbon-urban-environments{background:url(../images/bg-low-carbon-urban-environments.png) no-repeat;}
.promo-popup .popup-hold h3 .h-disadvantaged-neighbourhoods{background:url(../images/bg-disadvantaged-neighbourhoods) no-repeat;}
.promo-popup .popup-hold h3 .h-human-capital-entrepreneurship{background:url(../images/bg-human-capital-entrepreneurship.png) no-repeat;}
.promo-popup .popup-hold h3 .h-quality-sustainable-living{background:url(../images/bg-quality-sustainable-living.png) no-repeat;}
.promo-popup .popup-hold h3 .h-metropolitan-governance{background:url(../images/bg-metropolitan-governance.png) no-repeat;}
.promo-popup .popup-hold h3 .h-port-cities{background:url(../images/bg-port-cities.png) no-repeat;}

.promo-popup {
	position:absolute;
	left:-9999px;
	top:-117px;
	width:498px;
	z-index:999;
	
}
.promo-holder li.hover .promo-popup,
.promo-holder li.active .promo-popup {
	left:-115px;
}
.promo-popup .t {
	float:left;
	overflow:hidden;
	background:url(../images/bg-popup-top2.png) no-repeat;
	width:498px;
	height:196px;
}
.promo-popup .c {
	float:left;
	background:url(../images/bg-popup2.png) repeat-y;
	width:498px;
}
.promo-popup .c:after {
	clear:both;
	content:'';
	display:block;
}
.promo-popup .b {
	float:left;
	overflow:hidden;
	background:url(../images/bg-popup-bottom2.png) no-repeat;
	width:498px;
	height:58px;
}
.promo-popup .inner-holder {
	position:relative;
	margin:-148px 0 -20px;
	overflow:hidden;
	width:498px;
}
.promo-popup .popup-hold{
	height:1%;
	overflow:hidden;
	padding:4px 38px 0 32px;
}
.promo-popup .popup-hold h3{
	color:#fff;
	margin:0 17px 5px;
	padding:0 0 4px;
	border-bottom:1px solid #0c5396;
	font:bold 16px/20px Arial, Helvetica, sans-serif;
}
.promo-popup .popup-hold h3 strong{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:21px;
	margin:0 -3px;
}

.popup-list {
	margin:0;
	padding:0;
	list-style:none;
}
.promo-holder li .popup-list li {
	float:none;
	width:auto;
	height:auto;
	margin:0;
	display:block;
}
.promo-holder li .popup-list li a {
	color:#fff;
	font-size:11px;
	line-height:13px;
	display:block;
	padding:5px 10px 5px 39px;
	text-indent:-20px;
	background:none;
}
.promo-holder li .popup-list li a strong {
	background:url(../images/arrow.gif) no-repeat 0 50%;
	padding:0 0 0 9px;
	font-size:13px;
	cursor:pointer;
}
.promo-holder li .popup-list li a:hover strong {
	background:url(../images/arrow-rell.gif) no-repeat 0 50%;
}
.promo-holder li .popup-list li a span {
	cursor:pointer;
}
.promo-holder li .popup-list li a:hover {
	background:url(../images/bg-popup-rell.png);
	text-decoration:none;
	color:#ffea00;
}
.promo-popup .scrollable {
	margin:0 5px 4px 0;
	width:408px;
	height:134px;
}
.promo-popup .scrollable .scroll-content {
	width:402px !important;
}








.user-menu .results-of{
	background:url(../images2/text-result-of.gif) no-repeat;
}

.user-menu .active .results-of{background-position:0 -46px;}

.user-menu .results-of-fr{
	background:url(../images2/button-result-fr.gif) no-repeat;
}

.user-menu .active .results-of2-fr{background-position:0 -46px;}

.user-menu .results-of2-fr{
	background:url(../images2/button-resultof-fr.gif) no-repeat;
}

.user-menu .active .results-of-fr{background-position:0 -46px;}
.heading{
	background:url(../images2/bg-ttl.gif) no-repeat;
	width:729px;
	height:31px;
	overflow:hidden;
	margin:0 0 24px;
}
.heading img{
	float:left;
	margin:0 10px 0 0;
}
.heading h2{
	margin:0;
	text-transform:uppercase;
	color:#004c99;
	font-size:14px;
	line-height:31px;
}

.results-list{
	margin:0;
	padding:0;
	list-style:none;
	width:102%;
}
.results-list li{
	display:inline-block;
	vertical-align:top;
	width:220px;
	padding:0 15px 32px 14px;
	color:#666;
}
* html .results-list li{
	display:inline;
	padding-right:19px;
}
* +html .results-list li{
	display:inline;
	padding-right:19px;
}
.results-list li h3{
	margin:0 0 2px 3px;
	font-size:19px;
	line-height:19px;
	color:#0055a5;
	background:url(../images/arrow3.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
}
.results-list li h3 a{color:#0055a5;}
.results-list li p{
	margin:0;
	line-height:14px;
}

#flash1 {
	float:left;
	width:330px;
}
#flash2 {
	float:left;
	width:620px;
}

#main div#slider {
	position: absolute;
	left: 45px;
	top: 70px;
	z-index: 20;
}



#clrz_rotator{width:620px;position:relative;margin:auto;margin-top:0px;}
#clrz_rotator #titre{position:absolute;top:10%;left:25px;font:22px 'arial';font-weight:bold;z-index:30000;color:#fff;border-left:0px solid #fff;padding:0 0 0 10px;}
#clrz_rotator #titre.black{border-left:2px solid #111;color:#111;}
#rotator_container #loader{position:absolute;right:10px;top:10px;display:block;background:url(../images2/carroussel_loader.png) no-repeat;width:24px;height:24px;}
rotator_container{cursor:pointer;}

#clrz_rotator a.prev,#clrz_rotator a.next{position:absolute;display:block;width:42px;height:223px;text-indent:-5000px;}
#clrz_rotator a.prev:hover,#clrz_rotator a.next:hover{background-position:left bottom;}
#clrz_rotator a.prev{background:url(../images2/carroussel_left2.jpg) no-repeat;top:0;left:0;cursor: pointer;}
#clrz_rotator a.next{background:url(../images2/carroussel_right2.jpg) no-repeat;top:0;right:0;cursor: pointer;}
#rotator_container{overflow:hidden;width:620px;height:330px;position:relative;margin:auto}
#rotator_container ul{margin:0px 0 0;padding:0;display:block;}
#rotator_container ul li {list-style-type:none;}
#rotator_container ul li  {display:block;float:left;width:620px;height:330px}
#clrz_rotator #overlay{cursor:pointer;top:0px;left:0px;position:absolute;width:620px;height:330px;z-index:20000}
#rotator_container span.titre{display:none;}
#clrz_rotator #pagination{position:absolute;bottom:10px;right:100px;top:0px;z-index:30000}
#clrz_rotator #all{position:absolute;bottom:10px;right:0px;top:250px;z-index:31000}
#clrz_rotator #pagination #pagination_content{padding:0 0 0 9px;display:block;height:23px;background:url(../images2/fond_bullet.gif) left top no-repeat;float:left}
#clrz_rotator #pagination .end{width:9px;height:23px;background:url(../images2/fond_bullet.gif) right top no-repeat;float:left;}
#clrz_rotator #pagination #pagination_content span{cursor:pointer;float:left;display:block;text-indent:-5000px;background:url(../images2/carroussel_bullets.png) no-repeat;width:9px;height:9px;margin:7px 2px;overflow:hidden}
#clrz_rotator #pagination #pagination_content span:hover{ background-position:left center!important;}
#clrz_rotator #pagination #pagination_content span.active{ background-position:left bottom!important;}

/* habillage */

/*
#clrz_rotator{width:996px;padding-top:33px;margin-bottom:60px;margin-top:10px;}
#clrz_rotator #overlay{left:0;width:996px;height:310px;background:url(../images2/carrousel_habillage-philips.png) no-repeat;}
#clrz_rotator #pagination{right:40px;}
#clrz_rotator #titre{top:53%} 
*/

.mypopin4 {
									color:#FFF;
									padding:10px;
									text-align:justify;
									text-indent:5px;
									background:#906;
									border-radius:.5em;
									-moz-border-radius:.5em;
								}
								.mypopin4 .popin-content {
									padding:10px;
								}
								.mypopin4 .popin-content p {
									padding:0;
									margin:0 0 1em;
								}
/* ==================================================== 
		CSS formulaire idea (Damien BONNAY Eventex
===================================================== */

.ev_formulaireidea_label {
	width: 150px;
	padding-right: 90px;
}
.ev_formulaireidea_label_projecttitle {
	width: 150px;
	padding-right: 49.3px;
}
/* Text-area */
.ev_formulaireidea_labeltextarea {
	width: 150px;
	float: left;
	padding-right: 54px;
}
.ev_formulaireidea_textarea textarea {
	width: 544px;
	
}
.ev_formulaireidea_textarea {
	padding-top: 15px;
}
/* Input */
.ev_formulaireidea_input input {
	width: 546px;
}
.ev_formulaireidea_input_select input{
	width: 210px;
	
}
.ev_formulaireidea_input{
	padding-top: 15px;
}
/* Select */
.ev_formulaireidea_select select {
	width: 550px;
}
.ev_formulaireidea_input_select {
	padding-bottom: 25px;
}
.ev_formulaireidea_input_select select{
	width: 213px;
}
.ev_formulaireidea_input_select2{
	padding-left: 30px;
	padding-top: 15px;
}
/* Div contact */
.ev_formulaireidea_spancontact1{
	padding-right: 50px;
}
.ev_formulaireidea_spancontact2{
	padding-left: 35px;
}
.ev_formulaireidea_spancontact3{
	padding-right: 59px;
}
.ev_formulaireidea_spancontact4{
	padding-left: 56px;
}
.ev_formulaireidea_spancontact5{
	padding-right: 18px;
}
.ev_formulaireidea_spancontact6{
	padding-left: 131px;
	
}
.ev_formulaireidea_spancontact7{
	padding-right: 42px;
}
.ev_formulaireidea_spancontact8{
	padding-left: 161px;

}
/* Misc */
.tx-yjprojectideas-pi1{
	color: #404040;
	
}
.ev_formulaireidea_valider {
	float: right;
}
.ev_formulaireidea_checkbox {
	padding-top: 10px;
	padding-bottom: 15px;
}
.tx_yjprojectideas_pi1-captcha {
	height: 100px;
}
.ev_formulaireidea_h3 {
	color: #898989;
}
.ev_formulaireidea_table {
	border: 0px;
}
.ev_formulaireidea_table th {
	font-weight: bold;
	font-size: 14px;
	color: #055BAC;
	border-right: 1px solid #898989;
	border-bottom: 1px solid #055BAC;
}
.ev_formulaireidea_table td {
	font-size: 12px;
	color: black;
	border-right: 1px solid #898989;
	border-bottom: 1px solid #055BAC;
	font-weight: normal;
	padding: 15px 5px 15px 5px;
}
.ev_formulaireidea_table img{
	text-align: center;
	cursor: pointer;
	padding-left: 30px;
}