body{
	margin:0;
	font:12px/14px Arial, Helvetica, sans-serif;
	background:#679ac9 url(../images/bg-body.jpg) repeat-x 0 100%;
	color:#666;
}
form,fieldset{margin:0;padding:0;border:none;}
a{text-decoration:none;color:#0257a7;}
a:hover{text-decoration:underline;}
#main{
	width:950px;
	padding:0 6px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/shadows.png) no-repeat;
}
#header{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-header.gif) repeat-x;
	height:204px;
	position:relative;
}
#header ul{
	float:right;
	margin:18px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#header ul li{
	float:left;
	padding:0 11px 0 10px;
	background:url(../images/sep-header.gif) no-repeat 100% 50%;
	height:34px;
	margin:0 -1px 0 1px;
}
#header ul li span{display:table;height:34px;}
#header ul li span a{
	display:table-cell;
	height:34px;
	vertical-align:middle;
	font:bold 10px/13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:-1px;
}
.logo-holder{
	width:275px;
	overflow:hidden;
	background:url(../images/bg-lh.gif) no-repeat;
	height:17px;
	padding:30px 37px 17px 0px;
}
.logo-holder strong,.logo-holder em, #header .slogan,.gallery a.link-prev,.gallery a.link-next,
.gallery div ul li .corner, .catalogue li .corner, .tabs .tabset li a em{
	display:block;
	line-height:0;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}
.logo-holder em{
	width:172px;
	height:34px;
	background:url(../images/logo-urb.gif) no-repeat;
	float:left;
	margin-left:9px
}
.logo-holder a{display:block;height:100%;}
#header .slogan{
	float:left;
	margin:0 0 0;
	width:550px;
	height:175px;
	background:url(../images/Logo-gilles.jpg) no-repeat;
}
#header .holder{
	float:right;
	width:196px;
	overflow:hidden;
	background:url(../images/map.gif) no-repeat 100% 0;
	margin:16px 0 0;
	padding:25px 0 0;
}
#header .form-search{
	width:100%;
	overflow:hidden;
}
#header .form-search .text{
	border:1px solid #bee0fd;
	padding:3px 7px;
	height:12px;
	width:154px;
	float:left;
	background:#fff;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#898989;
}
#header .form-search .btn{float:left;}
#header .flag{
	width:48px;
	height:32px;
	overflow:hidden;
	padding:3px 3px 4px;
	background:url(../images/bg-flag.png) no-repeat;
	float:right;
	margin:40px 2px 0 0;
}
#content{
	width:100%;
	overflow:hidden;
	background:#fff;
	position:relative;
}
#content .content-holder{
	width:792px;
	overflow:hidden;
	float:right;
}
#content .main-content{
	width:566px;
	overflow:hidden;
	float:left;
	padding:33px 4px 55px 7px;
}
.main-content .breadcrumbs{
	width:100%;
	overflow:hidden;
	margin:-20px 0 6px;
	padding:0;
	list-style:none;
}
.breadcrumbs li{
	float:left;
	padding:0 0 0 8px;
	margin:0 14px 0 0;
	background:url(../images/sep-footer.gif) no-repeat 0 50%;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	color:#898989;
}
.breadcrumbs li a{color:#898989;}
.main-content h1{
	margin:0;
	font:bold 24px/30px Arial, Helvetica, sans-serif;
	color:#055bac;
}
.main-content .promo{
	width:100%;
	overflow:hidden;
	margin:-5px 0 0;
	
}

.main-content .promo p{
	float:left;
	width:380px;
	padding-right:30px;
	border-right:1px solid #e5e5e5;
	font:bold 14px/17px Arial, Helvetica, sans-serif;
	color:#055bac;
	margin:10px 30px 0 0;
}
.main-content p{margin:14px 0;}
.main-content .promo img{float:left;margin:0 5px 0 0;}
.main-content dl{
	width:100%;
	overflow:hidden;
	margin:0;
	font-weight:bold;
}
.main-content dl dt,.main-content dl dd{display:inline;}
.main-content dl dd{color:#0b62b3;margin:0;}
.main-content h2{
	width:565px;
	background:#126abc url(../images/bg-hb-t.gif) no-repeat;
	margin:38px 0 -10px;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#fff;
}
.main-content h2 span{
	display:block;
	height:1%;
	overflow:hidden;
	background:url(../images/bg-hb-b.gif) no-repeat 0 100%;
	padding:2px 13px 15px;
}
.main-content h3{
	margin:17px 0 0 11px;
	padding:0 0 6px;
	border-bottom:1px solid #e1e1e1;
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	color:#0055a5;
	letter-spacing:1px;
}
.main-content h3 a{color:#333;margin-left:8px;}
.text-area{
	height:1%;
	overflow:hidden;
	position:relative;
}
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%;
	position:absolute;
	right:0;
	bottom:0;
}
a.moreoutputs{
	
	
	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%;
	position:absolute;
	right:0;
	bottom:0;
	background-image:url(../images/icon-arr-d.gif);
	padding-left:17px;
	position:relative;float:right;margin:20px 0 0;
}
a.no-icon {
	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%;
	position:absolute;
	right:0;
	bottom:0;
	background:none!important;
	padding-left:17px;
	position:relative;float:right;margin:20px 0 0;
}
.main-content .text-area{padding:0 24px 0 11px;font:bold 11px/14px Arial, Helvetica, sans-serif;color:#898989;}
.main-content .text-area .image-holder{float:left;margin:6px 19px 0 0;background:url(../images/bg-img-s.gif) repeat-y;}
.main-content .text-area .image-holder div{height:1%;float:left;overflow:hidden;background:url(../images/bg-img-t.gif) no-repeat;}
.main-content .text-area .image-holder div div{background:url(../images/bg-img-b.gif) no-repeat 0 100%;padding:3px 0 4px 2px;}
.main-content .text-area .image-holder img{display:block;}
.main-content .text-area p{margin:5px 0 0;}
.holder{width:100%;overflow:hidden;position:relative;padding:24px 0 20px;}
.gallery{
	width:100%;
	overflow:hidden;
	position:relative;
	background:url(../images/bg-gallery.gif) repeat-x;
}
.gallery a.link-prev{
	float:left;
	width:29px;
	height:79px;
	text-decoration:none;
	background:url(../images/btn-prev.gif) no-repeat;
	outline:none;
}
.gallery a.link-next{
	float:right;
	background:url(../images/btn-next.gif) no-repeat;
	width:33px;
	height:79px;
	outline:none;
}
.gallery div{
	float:left;
	width:504px;
	overflow:hidden;
	height:78px;
	position:relative;
}
.gallery div ul{
	position:absolute;
	width:99999px;
	padding:0;
	margin:0;
	list-style:none;
	top:20px;
	left:0;
}
.gallery div ul li{
	float:left;
	overflow:hidden;
	position:relative;
	padding:0 0 0 24px;
	font:12px/15px Arial, Helvetica, sans-serif;
}
.gallery div ul li a{
	float:left;
	width:100%;
	overflow:hidden;
	width:131px;
	height:36px;
	padding:2px 2px 1px 3px;
	background:url(../images/bg-item.gif) no-repeat;
	position:relative;
}
.gallery div ul li a:hover{text-decoration:none;}
.gallery div ul li a img{
	float:left;
	border:0;
	width:48px;
}
.gallery div ul li a span{
	float:left;
	width:83px;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	margin:10px 0 0;
}
.gallery div ul li a span span{
	width:auto;
	display:inline-block;
	padding-left:9px;
	background:url(../images/sep-more.gif) no-repeat 0 50%;
	margin:0;
	float:none;
}
.gallery div ul li a:hover span span{text-decoration:underline;}
.gallery div ul li a .corner{
	width:5px;
	height:39px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	background:url(../images/corner.gif) no-repeat;
}
#content .sidebar{
	width:202px;
	overflow:hidden;
	float:right;
	padding:38px 0 30px;
}
.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;
	line-height:31px;
}
.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;}
.partners h2{margin:14px 0 0;}
.partners .gallery{background:none;margin:15px 0 0;}
.partner{margin-bottom:-11px;}
.partner h1{width:100%;overflow:hidden;margin:24px 0 0;}
.partner h1 span{
	float:left;
	margin:0 6px 0 0;
	padding:4px 4px 6px 0;
	background:url(../images/sep-icon.gif) no-repeat 100% 50%;
}
.partner h1 strong{float:left;}
.partner p{font:bold 14px/17px Arial, Helvetica, sans-serif;margin:5px 0 0;}
.info-area{width:100%;overflow:hidden;color:#333;}
.info-area img{float:left;margin:17px 9px 0 0;}
.info-area p{margin:15px 0 0;}
.catalogue{
	width:110%;
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
}
.catalogue li{
	float:left;
	position:relative;
	background:url(../images/bg-catalog-item.gif) no-repeat;
	padding:5px 4px 4px 4px;
	width:174px;
	height:69px;
	overflow:hidden;
	margin:14px 11px 0 0;
}
.catalogue li a{
	display:block;
	width:100%;
	overflow:hidden;
	height:17px;
}
.catalogue li a img{float:left;border:0;cursor:pointer;}
.catalogue li a strong{float:left;padding:0 0 2px 6px;cursor:pointer;}
.catalogue li a em{float:right;padding:0 8px 0 0;}
.catalogue li div{width:100%;overflow:hidden;}
.catalogue li div a{height:52px;color:#333;}
.catalogue li div a em{
	float:left;
	background:url(../images/sep-catalog.gif) no-repeat 100% 0;
	width:71px;
	height:52px;
	overflow:hidden;
	position:relative;
	padding:0 1px 0 0;
}
.catalogue li div a em img{
	position:absolute;
	left:0;
	bottom:0;
}
.catalogue li div a strong{
	width:102px;
	text-align:center;
	padding:18px 0 0;
}
.catalogue li a:hover strong{text-decoration:underline;}
.catalogue li .corner{
	width:10px;
	height:11px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/bg-catalog-corner.gif) no-repeat;
}
#content .menu{
	float:left;
	width:147px;
	overflow:hidden;
	padding:0 0 20px;
}
#content .menu ul.list{
	width:146px;
	overflow:hidden;
	margin:39px 0 0;
	padding:0 0 1px;
	list-style:none;
}
#content .menu ul.list li{
	float:left;
	overflow:hidden;
	width:100%;
	background:#fff url(../images/bg-menu.gif) repeat-x 0 100%;
	margin:0 0 -1px;
	font:12px/15px Arial, Helvetica, sans-serif;
}
#content .menu ul.list li a{
	width:135px;
	padding:7px 0 6px 9px;
	float:left;
	color:#898989;
	border:1px solid #e1e1e1;
}
#content .menu ul.list li a span{
	background:url(../images/sep-menu.gif) no-repeat;
	padding-left:11px;
	float:left;
	height:15px;
	cursor:pointer;
}
#content .menu ul.list li a:hover,#content .menu ul.list li.active a{
	background:#1e77ca url(../images/bg-menu-h.gif) repeat-x 0 100%;
	text-decoration:none;
	color:#fff;
	padding:8px 1px 7px 10px;
	border:0;
}
#content .menu ul.list li a:hover span,#content .menu ul.list li.active a span{background-position:0 -59px;}
a.btn{
	display:table;
	width:139px;
	height:40px;
	padding:1px 0 3px 0;
	text-align:center;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#0055a5;
	background:url(../images/bg-btn.gif) no-repeat;
	overflow:hidden;
}
a.btn span{height:40px;display:table-cell;vertical-align:middle;width:100%;}
a.btn:hover span{text-decoration:underline;}
a.btn span strong{width:100%;}
.outputs .main-content h1{margin-bottom:-12px;}
.outputs .main-content h2{margin:30px 0 -8px;}
.outputs .main-content .text-area{padding:0 11px 33px;}
.outputs .main-content h3{border:0;padding:0;}
.outputs .main-content .text-area p{margin:4px 0 0;font:12px/14px Arial, Helvetica, sans-serif;}
.outputs .main-content .text-area a.more{background-image:url(../images/icon-arr-d.gif);padding-left:17px;}
.outputs .main-content .text-area a.no-icon{background:none!important;}
p.first{font:bold 14px/17px Arial, Helvetica, sans-serif;margin:8px 0 24px;}
.progres{width:100%;overflow:hidden;}
.progres h2{
	background:none;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#004e97;
	margin:0;
	width:100%;
}
.progres ul{
	width:100%;
	margin:13px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.progres ul li{
	float:left;
	background:url(../images/bg-progres-item.gif) no-repeat;
	width:189px;
	margin:0 -7px 0 0;
}
.progres ul li a{
	padding:2px 12px 2px 14px;
	font:11px/19px Arial, Helvetica, sans-serif;
	color:#0055a5;
	text-align:center;
	height:19px;
	width:163px;
	overflow:hidden;
	float:left;
	position:relative;
}
.progres ul li a span{
	float:left;
	width:19px;
	height:19px;
	background:url(../images/bg-num.gif) no-repeat;
	margin:0 3px 0 0;
	cursor:pointer;
}
.progres ul li a strong{float:left;cursor:pointer;white-space:nowrap;}
.progres ul li a:hover, .progres ul li.active a{text-decoration:none;}
.progres ul li.active a span{background-position:0 -19px;color:#fff;font-weight:bold;}
.tabs{
	width:577px;
	overflow:hidden;
	margin:6px -4px 0 -7px;
}
.tabs .tabset{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-tabset.gif) no-repeat 0 100%;
	margin:0;
	padding:0 0 0 8px;
	list-style:none;
}
.tabs .tabset li{
	float:left;
	margin:0 -7px;
	display:inline;
}
.tabs .tabset li a{
	float:left;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#b2b2b2;
	height:30px;
	overflow:hidden;
	outline:none;
}
.tabs .tabset li a span{
	float:left;
	padding:7px 0 5px;
	background:url(../images/bg-tabset-s.gif) repeat-x;
	cursor:pointer;
	height:18px;
	width:170px;
	text-align:center;
}
.tabs .tabset li a em{width:11px;height:60px;float:left;cursor:pointer;}
.tabs .tabset li a em.left{background:url(../images/bg-tabset-l.png) no-repeat;}
.tabs .tabset li a em.right{background:url(../images/bg-tabset-r.png) no-repeat;}
.tabs .tabset li a em.f-left{background-image:url(../images/bg-tabset-l.gif);}
.tabs .tabset li a:hover, .tabs .tabset li a.active{text-decoration:none;color:#004e97;z-index:300;position:relative;}
.tabs .tabset li a:hover em, .tabs .tabset li a.active em{margin-top:-30px;}
.tabs .tabset li a:hover span, .tabs .tabset li a.active span{background-position:0 -30px;padding:5px 0 7px;}
.tabs .tab-holder{
	width:564px;
	overflow:hidden;
	padding:0 6px 0 7px;
	background:url(../images/bg-tabs.gif) no-repeat;
}
.tabs .tab-holder .tab{
	width:544px;
	background:#fff url(../images/bg-tab-s.gif) repeat-x 0 100%;
	padding:0 10px 20px;
	margin:-6px 0 0;
	min-height:480px;
}
.tabs .tab-holder .tab:after{
	content:"";
	display:block;
	clear:both;
}
* html .tabs .tab-holder .tab{height:480px;}
.tabs .tab-holder .tab h3{margin:30px 0 4px;padding-bottom:8px;font:14px/18px Arial, Helvetica, sans-serif;}
.tabs .tab-holder .tab h3 span{letter-spacing:0;}
.tabs .tab-holder .tab h3 strong{color:#333;border-right:1px solid #136bbd;margin-right:7px;padding-right:2px;font-size:12px;}
.tabs .tab-holder .tab .text-area{
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#333;
	width:100%;
	padding:0;
	height:auto;
}
.tabs .tab-holder .tab .text-area a.more{position:relative;float:right;margin:20px 0 0;}
.tabs .tab-holder .tab .image-holder{
	padding:1px;
	background:#fff;
	border:solid #d1d1d1;
	border-width:0 1px 1px 0;
	margin:6px 11px 0 0;
}
#content .menu a.btn{margin:10px 0 0 8px;}
#content .menu a.docs{
	display:block;
	margin:9px 0 0;
	width:80px;
	height:28px;
	overflow:hidden;
	padding:10px 11px 6px 54px;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../images/btn-docs.gif) 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-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;
}
a.description {color:#666666}
a.description:hover{text-decoration:none;}

/* promo-area */
.promo-area{
	margin:0;
	padding:20px 0 0;
	width:100%;
	overflow:hidden;
}
.promo-area li{
	float:left;
	margin:0 10px 10px 0;
	list-style:none;
	position:relative;
	width:184px;
	height:187px;
}
.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 .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 .cultural-heritage-city{background:url(../images/bg-h-cultural-city-development.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{display:block;}
.promo-area .popup{
	display:none;
	width:502px;
	overflow:hidden;
	position:absolute;
	top:52px;
	left:-253px;
	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:-9999px;
	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;}

/* 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-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;
}
.title {
	font-weight: bold;
	color: #055bac; 
	margin: 0 0px 0 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*#details .c-text{
	color:#0055a5;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}*//*20111130*/
#details .c-text {
	clear:both;
	margin-top:16px;
	overflow:hidden;
	color:#0055A5;
	font:bold 14px/16px Arial,Helvetica,sans-serif;
}
/*#details h1{margin:0 0 16px;}*//*20111130*/
#details h1 {
	line-height:20px;
	display:inline;
	margin: 0;
}
#details p{
	margin:0 0 15px;
	line-height:14px;
	color:#666;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.info-block{
	background:url(../images/bg-info-block.gif) repeat-y -1112px 0;
	width:556px;
	overflow:hidden;
}
.info-block .holderit{
	background:url(../images/bg-info-block.gif) no-repeat;
	width:100%;
}
.info-block .frame{
	background:url(../images/bg-info-block.gif) no-repeat -556px 100%;
	padding:10px 50px 10px 20px;
	height:1%;
}

#details .info-block p{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	margin:0;
}

* html .sidebar{
	overflow:visible;
	height:702px;
}
.title-box{
	background:url(../images/bg-title-box.png) no-repeat;
	width:190px;
	height:35px;
	padding:12px 0 0 13px;
	margin:0 -10px 6px 0;
}
.text-map{
	background:url(../images/text-map.png) no-repeat;
	width:32px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
.text-publication{
	background:url(../images/text-publication.png) no-repeat;
	width:106px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
.map-holder{
	background:url(../images/bg-map-holder.png) no-repeat;
	width:175px;
	padding:4px;
	margin:0 auto 22px;
}
.map-holder img{vertical-align:top;}
/*.publications-list{
	margin:-2px 0 0;
	padding:0 14px 10px;
	list-style:none;
}*//*20111130*/
.publications-list {
	float:right;
	list-style:none outside none;
	margin:0;
	padding:0;
}
.publications-list li{
	overflow:hidden;
	width:100%;
	vertical-align:top;
	padding:0 0 6px;
}
.publications-list li a{
	float:left;
	background:url(../images/ico-publication.gif) no-repeat;
	padding:5px 0 2px 22px;
	line-height:15px;
	color:#0055a5;
	font-weight:bold;
	font:bold 13px/15px Arial,Helvetica;
}
.sub-heading{
	display:block;
	margin:-14px 0 14px;
}


.event-list{
	margin:0;
	padding:0 0 0 12px;
	list-style:none;
	overflow:hidden;
}
.event-list li{
	border-top:1px solid #e1e1e1;
	margin:-7px 0 4px;
	padding:12px 0;
	width:100%;
	vertical-align:top;
}
.event-list li span{
	display:block;
	text-transform:uppercase;
	color:#666;
	font:13px/15px Arial,Helvetica;
	font-weight:bold;
	font-size:10px;
	
	
}
.event-list li a{
	color:#0055a5;
	font-weight:bold;
	font-size:14px;
}
.btn-map-of{
	display:block;
	background:url(../images/btn-map-of.png) no-repeat;
	width:139px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	margin:-17px auto 7px;
	position:relative;
}

/* loc */
.loc{
	margin:27px 0 0;
	padding:0;
	overflow:hidden;
}
.loc-inner{
	margin:27px 0 0 0px;
	position:relative;
}
.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;
	font:13px/15px Arial,Helvetica;
}
.loc a.documents{background:url(../images/bg-loc-documents.gif) no-repeat;}
.loc a.find-thematic-expert{background:url(../images/bg-loc-find-a-thematic-expert.gif) no-repeat;}
.loc .active a,
.loc a:hover{background-position:0 -30px;}
.loc-inner a{
	text-indent:0;
	color:#898989;
	background:#0156a6 url(../images/bg-loc-inn.gif) no-repeat;
	padding:0 5px 0 20px;
	width:121px;
	line-height:30px;
	font-weight:bold;
	font-size:12px;
}
.loc-inner a:hover,
.loc-inner .active a{
	background-position:0 -30px;
	color:#fff;
	text-decoration:none;
}

.user-menu{
	margin:0;
	padding:27px 0 1px;
	width:100%;
	overflow:hidden;
}
.user-menu-inn{padding:11px 0 1px 5px;}
.user-menu li{
	float:left;
	width:100%;
	padding:0 0 6px;
	list-style:none;
}
.user-menu a{
	display:block;
	overflow:hidden;
	width:139px;
	height:44px;
	text-indent:-9999px;
	text-decoration:none;
}
.user-menu .results-of{
	background:url(../images2/text-result-of.gif) no-repeat;
}
.user-menu .results-of-fr{
	background:url(../images2/button-result-fr.gif) no-repeat;
}

.user-menu .active .results-of-fr{background-position:0 -46px;}
#flash1 {
	float:left;
	width:330px;
}
#flash2 {
	float:left;
	width:620px;
}