@charset "ISO-8859-1";

/*
	blue metachannel : #005b9a;
	orange metachannel : #54308B;
*/


/*=== preset =========*/
img {	border: 0; }

input {
	border: 1px solid #999999;
	color: #005b9a;
	padding: 3px;
}

/* clear to get main div adapting */
.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*=== margin // padding =========*/

*, .clear, a.roundedLink, div.Box, div#NewsFeed, a.roundedLink span {
	margin: 0;
	padding: 0;
}

/*=== font colors =========*/
html, body, a { 
  color: #6c6c6c; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
 /* font-weight: bold; */
}
#ContentLeft h3{
	font-size: 13px;
  margin: 10px 0;
}
a:hover, div#ContentMiddle h2, a.roundedLink, ul#leftMenu li a, #ContentLeft h3 {
	color: #005b9a;
}
div#ContentMiddle h1, ul#leftMenu li a:hover, ul#leftMenu li.active a {
	/*color: #ff/6526;*/
	color: #54308B;
}
div#ContentMiddle h1, div#ContentMiddle h2, div#NewsFeed h1, div#Footer ul#Partners h1,div#Footer h1 {
	font-weight: normal;
}
a, a:hover, a.roundedLink:hover { text-decoration: underline; }


/*=== main =========*/
html, body {
	background: url(../images/container_main_bg.gif) center repeat-y;
	background-color: #ebebeb;	
	/* This was already done above. 
          font-family: Arial, Helvetica, sans-serif; 
        */			
	height: 100%;
}
#Container {
	background: url(../images/header_main_bg.gif) top repeat-x;	
	background-color:  #d1d1d1;	
	width: 933px;
	height: 100%;
	margin: 0 auto;
}

/*=== HEADER =========*/	

	/*=== header language menu =========*/
	ul.LangMenu {	
		list-style: none;	
		display: block;
		float: right;
		
		font-size: 10px;
		
		border: 1px #a2a2a2 solid;
		border-top: 0;
			
		padding: 4px 10px;
		margin: 0px 25px 0px 0px;		
	}	
	ul.LangMenu li {	
		display: inline;		
		border-left: 1px solid #a2a2a2;	
		padding: 0px 5px;		
		text-align: center;
	}	
	ul.LangMenu li.first {	border-left: 0; }	
	
	/*=== header logo =========*/	
	div.Header {
		clear: both;
		width: 911px;
		background: url(../images/fr/baseline.gif) top right no-repeat;
		padding: 0px 0px 0px 22px;
		background-color:#FFFFFF;
	}
	
	div.HeaderNL {
		clear: both;
		width: 911px;
		background: url(../images/nl/baseline.gif) top right no-repeat;
		padding: 0px 0px 0px 22px;
		background-color:#FFFFFF;
	}	
	
	div.HeaderEN {
		clear: both;
		width: 911px;
		background: url(../images/en/baseline.gif) top right no-repeat;
		padding: 0px 0px 0px 22px;
		background-color:#FFFFFF;
	}
	
	/*=== flash container =========*/
	div#FlashContainer { height: 260px; }
	

/*=== CONTENT =========*/

/*content with lined column on the right */
div#contentLinesRight {	
	background: url(../images/linesRight.gif) top right repeat-y;
	background-color: #fff;
}
div#contentLinesLeft {	
	background: url(../images/linesLeft.gif) top left repeat-y;
	background-color: #fff;
}
div#ContentLeft, div#ContentMiddle { float: left; }

/* to use with no lines */
div#contentLinesRight div#ContentLeft {
	width: 215px;
	padding: 15px 8px;
}

/* to use with lines */
div#contentLinesLeft div#ContentLeft {
	width: 215px;	
	padding: 22px 8px;
}

/* middle col */
div#ContentMiddle h1 {
	font-size: 17px;
	margin: 0px 0px 30px 0px;
}
div#contentLinesLeft div#ContentMiddle h1 {
	margin: 15px 0px 5px 0px;
}
div#ContentMiddle h2 {
	font-size: 17px;
	margin: 0px 0px 15px 0px;
}
div#ContentMiddle p {
	font-size: 14px;	
	margin: 0px 0px 7px 0px;
}
/* to use on 3 col page */
div#contentLinesRight div#ContentMiddle { 
	width: 330px;
	padding: 20px 10px;
}
/* to use on 2 col page */
div#contentLinesLeft div#ContentMiddle { 
	width: 665px; 
	padding: 10px 10px 10px 10px; 
}
/* rounded blue bacground link */
a.roundedLink {
	clear:both;
	margin: 5px 0;
	background:  url(../images/roundLinkBgRight.gif) top right no-repeat;	
	background-color: #fff;
}
.blueLink {
	float: left;
	
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	
	margin: 5px 0px;
}
a.roundedLink span {
	display: block;
	padding: 4px 13px 2px 12px;	
	background:  url(../images/roundLinkBgLeft.gif) top left no-repeat;
}
/* right col */
div#ContentRight {
	float: right;
	width: 293px;
	padding: 25px;
}

/*=== Box used in Right Col =========*/

div.Box {
	margin: 0px 0px 5px 0px;
	font-size: 12px;
}
div.Box .Picto {
	float: right;
	margin: 0px 0px 0px 10px;
}
div.Box h1 {
	color: #10a5e3;
	font-size: 17px;
	margin: 0px 0px 3px 0px;
}
div.Box .top {
	height: 13px;
	background: url(../images/boxTop.png) bottom left no-repeat;
}
div.Box .middle {
	width: 260px;
	overflow: hidden;
	padding: 0px 18px;
	background: url(../images/boxMiddle.png) top left repeat-y;	
}
div.Box .bottom {
	height: 10px;
	background: url(../images/boxBottom.png) bottom left no-repeat;
}

div.Box p a {
	text-decoration:none;
}

/*=== News Feed Box =========*/

div#NewsFeed {
	font-size: 11px;
	margin: 15px 0px;
}
div#NewsFeed ul {
	list-style: none;
	margin: 20px 0px 0px 0px;
}
div#NewsFeed ul li {
	margin: 15px 0px 0px 0px;	
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #dfdfdf;
}
div#NewsFeed h1 {
	color: #33a4d0;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
}
div#NewsFeed .top {
	height: 10px;
	background: url(../images/newsFeedTop.png) bottom left no-repeat;
}
div#NewsFeed .middle {
	width: 177px;
	overflow: hidden;
	padding: 0px 18px;
	background: url(../images/newsFeedMiddle.png) top left repeat-y;	
}
div#NewsFeed .bottom {
	height: 10px;
	background: url(../images/newsFeedBottom.png) top left no-repeat;
}

/*=== Box used in Left Col =========*/

div.BoxLeft {
	margin: 0px 0px 10px 0px;
}
div.BoxLeft .top {
	height: 14px;
	background: url(../images/boxLeftTop.png) bottom left no-repeat;
}
div.BoxLeft .middle {
	width: 195px;
	padding: 0px 10px;
	background: url(../images/boxLeftMiddle.png) top left repeat-y;	
}
div.BoxLeft .bottom {
	height: 21px;
	background: url(../images/boxLeftBottom.png) top left no-repeat;
}

/*=== Content page menu =========*/

ul#leftMenu, ul#BottomMenu{	
	list-style: square;
	color: #ffa465;
	list-style-position:inside;
}
ul#leftMenu li {
	font-size: 15px;	
	padding: 6px;
	background: url(../images/dot.gif) bottom repeat-x;
}
ul#leftMenu li a { text-decoration: none; }

ul#BottomMenu {
	margin: 15px 0px 0px 0px;	
	clear:both;	
}

ul#BottomMenu li {
	font-size: 12px;	
	padding: 4px;
}
ul#BottomMenu li a {
	color: #005b9a; 
	text-decoration: none;
}
ul#BottomMenu li a:hover { color: #54308B; }


ul#BottomMenu li ul {
	margin: 0px 0 0 15px;
}



/*=== Tabs =========*/

.panel {
	clear: both;
	display: none;
	padding: 0px 30px 15px 30px;
	margin: -20px 0 -15px 0;
	background: url(../images/tabs/tabContentMiddle.png) repeat-y left top;
}
.panel.active-tab-body {
	display: block;
}
.bar {
	clear:both;
	height: 20px;
	background: url(../images/tabs/tabContentHeader.png) no-repeat left top;
}

.barBottom {
	height: 18px;
	background: url(../images/tabs/tabContentBottom.png) no-repeat left top;
}

#tabs {
	margin: 12px 0 0 0;
	height: 28px;
	list-style: none;
}

#tabs li {
	float: left;
	margin: 0 0 0 1px;
	background: url(../images/tabs/tabsRight.png) no-repeat right top;
}

#tabs a {
	float: left;
	padding: 7px 16px 4px 15px;
	text-decoration: none;
	color: #999999;
	background: url(../images/tabs/tabsLeft.png) no-repeat left top;	
	outline:none;
}

#tabs a.active-tab {
	border-bottom: 0;
	color:#54308B;
}
					
/*=== FOOTER =========*/

div#FooterLinker {
	background: url(../images/footer_linker.png) top no-repeat;	
	height: 23px;
	margin-top: -10px;		
}
div#Footer {
	background-color: #d1d1d1;
	width: 905px;
	overflow: hidden;
	padding: 10px 0px 10px 28px;
}
div#Footer h1 { 
	color: #999;
	font-size:10px;
	text-transform:uppercase;
	margin: 0px 0px 15px 0px;
}
div#Footer ul#Partners {	
	list-style: none;
	width: 933px;
	overflow: hidden;
  margin: 0 0 30px 0;
}
div#Footer ul#Partners li {
	float: left;
	padding: 0px 30px;
	height: 60px;
	background: url(../images/dot.gif) left repeat-y;
}
div#Footer ul#Partners h1 {
	font-size: 15px;
	margin: 0px 0px 7px 0px;	
	text-transform:none;
}
div#Footer p {
	font-size: 10px;	
	margin: 5px 0px 5px 0px;
}
div#Footer ul#Partners li.adress h1 { color: #444; }
div#Footer ul#Partners li.adress { padding: 0px 90px 0px 50px; float : right; }
.center { text-align:center; }