@charset "utf-8";
/* CSS Document */

/* Standard html elements */

html, body {
	margin:0;
	padding:0;
}

body {
	height:100%;
	font-family:Verdana;
	font-size:12pt;
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#001a71;	
	overflow-y:scroll;
	text-align:center;
}

iframe {
	width:100%;
	border:none;
	overflow-x:hidden;
	overflow-y:hidden;
	background-color:transparent;
	margin-bottom:20px;
}

ul, ol {
	padding:0;
	margin-left:14px;
}

li {
	margin:0 0 0 0.8em;
	padding:0;
	font-size:12px;
	color:#1a1a1a;
}

em {
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
}

a:link, a:active, a:hover, a:visited {
	color:#666;
	font-size:12px;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img.content_left, object.content_left {
	border:solid 1px gray;
	margin:0 4px 4px 0;
}

img.content_right, object.content_right {
	border:solid 1px gray;
	margin:0 0 4px 4px;
}

table {
	font-size:12px;
	font-weight:normal;
	color:#333;
	padding:0;
	margin:0 0 12px 0;
}

/* Site buildup */

#header_image {
	position:absolute;
	width:1000px;
	height:226px;
	left:0;
	top:0;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	background-position:top;	
	text-align:left;	
}

#sitemap {
	position:absolute;
	width:150px;
	height:20px;
	bottom:0px;
	left:10px;
	font-size:8pt;
	z-index:5;
}

#shadow_top {
	position:relative;
	width:1050px;
	height:25px;
	top:20px;
	background-repeat:no-repeat;	
	margin-left:auto;
	margin-right:auto;
	margin: 0 auto; 	
}

#back_canvas {
	position:absolute;
	width:1000px;
	top:-25px;
	left:-175px;
	height:500px;
	z-index:2;	
}

#canvas {
	position:relative;
	width:1050px;	
	margin-left:auto;
	margin-right:auto;	
	z-index:2;
	text-align:left;	
}

#site {
	position:relative;
	float:left;
	top:20px;
	width:1050px;
	height:auto;
	background-repeat:repeat-y;
	z-index:2;
}

#languages {
	position:absolute;
	width:250px;
	height:40px;
	text-align:right;
}

#icons {
	position:absolute;
	width:144px;
	height:40px;
	text-align:right;
}

/* ==== Niveau 2 properties ==== */

#niveau2_container {
	position:relative;
	float:left;
	width:169px;
	height:auto;
	padding-top:18px;
	padding-bottom:150px;
}

#niveau2_link, #niveau2_link_selected { 
	position:relative;
	float:left;
	width:159px;
	height:auto; 
	padding-left:10px;
	text-align:left;
}

/* ==== Niveau 3 properties ==== */

#niveau3_container {
	position:relative;
	float:left;
	top:2px;
	left:20px;
	width:130px;
	height:auto;
	line-height:14px;
	margin-bottom:4px;
}

#niveau3_link, #niveau3_link_selected {
	position:relative;
	float:left;
	margin:1px 0 1px 8px;
	width:145px;
}

#niveau4_container {
	position:relative;
	float:left;
	top:2px;
	left:14px;
	width:130px;
	height:auto;
	line-height:14px;
	margin-bottom:4px;	
}

#niveau4_link, #niveau4_link_selected {
	position:relative;
	float:left;
	margin:1px 0 1px 8px;
	width:145px;
}


#content {
	position:relative;
	float:left;
	width:640px;
	height:auto;
	text-align:left;
	padding:12px 20px 0 15px;
}

#content_right {
	position:relative;
	float:left;
	width:156px;
	height:auto;
	padding-top:12px;
	padding-bottom:10px;
}

/* ==== Footer ==== */
#shadow_bottom {
	position:relative;
	width:1050px;
	top:20px;
	height:25px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;	
}

#footer {
	position:relative;
	float:left;
	height:52px;
	width:944px;
	top:192px;
	left:34px;
	background-color:#000;
	z-index:3;
}

a.footerlink:link, a.footerlink:active, a.footerlink:hover, a.footerlink:visited { 
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;	
}

a.footerlink:hover {
	text-decoration:underline;	
}

#payoff {
	position:absolute;
	width:129px;
	height:25px;
	left:46px;
	bottom:-2px;
	z-index:9999;
}

/* ==== Boxes ==== */

#box_title {
	position:relative;
	float:left;
	width:136px;
	height:21px;
	margin:8px 0 0 3px;
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_leftcell {
	position:relative;
	float:left;
	width:28px;
	font-size:8pt;
	color:#434343;
	letter-spacing:-1px;
	text-align:left;
}

#box_rightcell {
	position:relative;
	float:left;
	width:105px;
	height:auto;
	text-align:left;	
}

#box_rightcell_dl {
	position:relative;
	float:left;
	width:120px;
	height:auto;	
	vertical-align:text-bottom;
	text-align:left;	
}

#box_icon {
	position:relative;
	float:left;
	padding:0;
	width:15px;
	height:11px;
}