/**
 * Copyright 2009 Cedric Michaux :: LBi (cedric.michaux@lbigroup.be)
 * 
 * All the following imports are made with the builder
 * @import url(libraries.css);
 * @import url(template.css);
 * @import url(grids.css);
 * @import url(content.css);
 * @import url(mod.css);
 * @import url(topBar_skin.css);
 */

@import url(libraries.css);
@import url(template.css);
@import url(grids.css);
@import url(content.css);
@import url(mod.css);
@import url(topBar_skin.css);
@import url(box.css);
@import url(qugy.css);



/**
 * Header CSS
 */
.head{margin-bottom: 1.4em}
	.head h1 a{}
	.head h1 a:hover{ text-decoration: none;}
		.head h1 .cufon-canvas{margin-top: 10em;}
	.head .logo{ float: right; margin-right: 1.2em; _margin-right:0.6em;}
	.head .searchField{ float: right; margin: -1.8em 6.1em 0 0; #margin: -3em 6.1em 0 0; font: 1.090em/1.25em Arial, Helvetica, sans-serif; position: relative;}
		.head .searchField .sf_wrapper{background: url(../images/searchbox_right.gif) no-repeat right top; display:block;}
			.head .searchField .sf_wrapper .sf_input{background: url(../images/searchbox_left.gif) no-repeat left top; border: 0; padding: 7px 3px 7px; width: 16.458em; color: #6a8491;}
			html*.head .searchField .sf_wrapper .sf_input{margin-top: -1px;}
		.head .searchField .sf_submitLink{ display: inline-block; position: absolute; top:0; right: -25px; background: url(../images/searchbox_btn.gif) no-repeat;}		
		.head .searchField a.sf_submitLink:hover {background: url(../images/searchbox_btn_hover.gif) no-repeat}
		.head .searchField .sf_submitLink img {width:25px; height:27px;}
	
	.head .assocSites{ color: #53596f; line-height: 1.40em; margin-top: 1.2em; #margin-top:0;}
		.head .assocSites li{display: inline;}
			.head .assocSites li a{display: inline-bock; padding: 0 0.545em 0 1.454em; background: url(../images/bullet_inactive.gif) left 0.091em no-repeat; color: #53596f;}
			.head .assocSites li a:hover{ background-image: url(../images/bullet_active.gif); color: #009ee0;}
			.head .assocSites li.current a{ background-image: url(../images/bullet_active.gif); color: #009ee0;}
	
	
	.head .mainMenu{ font-size: 1.272em; font-family: Georgia, serif; text-align: center;}
		.head .mainMenu table{}
			.head .mainMenu table td,
			.head .mainMenu table th{border: 0; background: #002b44 url(../images/menu_bg.gif) repeat-x top;}
			.head .mainMenu table td.topLeft,
			.head .mainMenu table td.topRight,
			.head .mainMenu table td.bottomLeft,
			.head .mainMenu table td.bottomRight{width: 14px; height: 14px; background: #00263a no-repeat left top;}
			.head .mainMenu table td.topLeft{background-image: url(../images/mainMenu_topLeft.gif);}
			.head .mainMenu table td.topRight{background-image: url(../images/mainMenu_topRight.gif);}
			.head .mainMenu table td.bottomLeft{background-image: url(../images/mainMenu_bottomLeft.gif); background-position: left bottom;}
			.head .mainMenu table td.bottomRight{background-image: url(../images/mainMenu_bottomRight.gif); background-position: right bottom;}
			.head .mainMenu table td.lastItem{background: url(../images/mainMenu_separator.gif) repeat-y right top; padding-right: 2px}
				.head .mainMenu table td a{display: block; color: #fff; padding: 0.624em 0.357em; background: url(../images/mainMenu_separator.gif) repeat-y left top;}
				.head .mainMenu table td a:hover{background-color: #009ee0; text-decoration: none;}

/**
 * Footer CSS
 */			
.foot{background: #f6f7f9 url(topBar_skin/topBar_bg.gif) repeat-x left top; width: 100%; color: #6a6262; font-family: Arial, Helvetica, sans-serif; margin-top: 1.6em; padding: 1.6em 0;}
	.foot .page{margin-top: 0;}
	.foot .page .infos,
	.foot .page .partnersSites{ font-size: 0.909em;}
		.foot .togetherWith,
		.foot .infos{ float: left;}
		.foot .togetherWith{margin: 0 1.2em 0 1.4em}
		.foot .partnersSites{ text-align: right; float: right; margin-right: 1.4em; padding-top: 1.6em}
		
			.foot a{color: #6a6262; text-decoration: underline;}
			.foot a:hover{color: #009ee0;}
			.foot ul{padding: 0; display: inline;}
				.foot ul li{display: inline;}
				
/* Always on bottom */
#container {
	position:relative; /* needed for footer positioning*/
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
.page {
	padding-bottom:7.1em; #padding-bottom:5.8em; /* bottom padding for footer */
}

.foot {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
}

.foot .page {padding-bottom:0;}

/**
 * Splash Page
 */

 .splash{}
	 .splash .content .sections{padding-top:2.2em; _padding-top:1em; padding-bottom:0.7em;}
		 .splash .sections .bigArrow{ padding: 0 0 0.5em 0; font-size: 1.36em}
		.splash .sections .bigArrow a{padding-left:1.46em; background: url(../images/bigArrow-unselected.gif) no-repeat left 0.18em;}
		.splash .sections .bigArrow a:hover {background: url(../images/bigArrow.gif) no-repeat left 0.18em}
			 .splash .sections .bigArrow ul{padding: 0.236em 0 0;}
				 .splash .sections .bigArrow li{font-size: 0.733em;}
				 .splash .bigArrow .description{font-size: 0.733em; margin-top:0.1em; margin-bottom:0.5em;}
				 .splash .bigArrow .subsections .description {margin-top:0;}
				 .splash .sections .bigArrow li{padding: 0.636em 0}
				 .splash .bigArrow li .description{font-size: 1em;}
				 .splash .sections .bigArrow li a,
				 .splash .description{padding-left: 2.11em}
				 .splash .sections .bigArrow li a{background: url(../images/arrow.gif) no-repeat 0.6em 0.3em; color:#002B45;}
				 .splash .sections .bigArrow li a:hover{color:#009EE0; background: url(../images/arrow.gif) no-repeat 0.6em 0.3em;}
				 .splash .description{color: #666666;}

.splash .langList{margin-right: -1.272em}
.splash .unit .box{margin-right: 1.272em}
.splash h2 {color:#009DDF; margin:-0.5em 0 0.5em 0.2em; _margin-bottom:0.7em;}