@import url("thickbox.css");
/*

	TANDEM ###### [ screen.css ]
	#############

	1. Page Layout
		1.1. Page Container
		1.2. Left Column
			1.2.1. Navigation
			1.2.2. Sub-Menu
		1.3. Right Column
		1.4. Logo
	2. Content Layout
		2.1. Links
	3. Other

*/

/*	############################################
	1. Page Layout
	############################################ */

	html {
		background-color:#465055;
		background-image:url(../images/bg-fr.jpg);
		background-repeat:no-repeat;
		background-position:center top;
	}
	html.en { background-image:url(../images/bg-en.jpg); }

	body {
		color:#1B2022;
		font-size:11px;
		font-family:Helvetica, Arial, sans-serif;
		}

		#page, #flash, #header {
			position:relative;
			display:block;
			margin:0 auto;
			width:990px;
			}
			#logo, #nautilus, #message, #navigation li a {
				text-indent:-10000em;
			}

			#header a, #footer a { color:#222; }


	/* 1.0. Logo ############################### */

		#logo a {
			position:absolute;
			top:35px;
			left:24px;
			display:block;
			height:65px;
			width:264px;
		}

		#nautilus a {
			position:absolute;
			top:50px;
			left:346px;
			display:block;
			height:48px;
			width:102px;
		}


	/* 1.1. Page ############################### */

		#page {
			background:url(../images/bg-page.jpg) no-repeat top left;
			width:890px;
			height:470px;
			padding:20px 50px 10px;
			}
			.column { margin:30px 0 0 20px; width:300px; }
			.wide { width:700px; }

		#flash { height:500px; }


	/* 1.2. Header ############################# */

		#header { height:125px; }

			#message {
				position:absolute;
				top:35px; left:496px;
				display:block;
				padding:1px;
				height:70px;
				width:280px;
			}

			ul#navigation {
				position:absolute;
				top:36px; right:20px;
				width:160px;
				}
				ul#navigation li {
					overflow:hidden;
					display:block;
					padding-bottom:9px;
					}
					ul#navigation li a {
						float:right;
						display:block;
						height:17px;
						}
						ul#navigation li a.current,
						ul#navigation li a:focus,
						ul#navigation li a:hover,
						ul#navigation li a:active {
							background-position:left 17px;
						}

						ul#navigation li a.contact	{
							background-image:url(../images/nav-contact.png);
							width:123px;
							}
							html.en ul#navigation li a.contact { background-image:url(../images/nav-contact-en.png); }

						ul#navigation li a.centres	{
							background-image:url(../images/nav-centres.png);
							width:123px;
							}
							html.en ul#navigation li a.centres { background-image:url(../images/nav-centres-en.png); }

						ul#navigation li a.funds {
							background-image:url(../images/nav-funds.png);
							width:151px;
							}
							html.en ul#navigation li a.funds { background-image:url(../images/nav-funds-en.png); }


	/* 1.3. Footer ############################# */

		#footer {
			margin:0 auto;
			padding:0 20px 0 0;
			width:970px;
			text-align:right;
			}
			#footer a.lang { font-size:13px; }


/* ############################################# */



/*	############################################
	2. Content Layout
	############################################ */

	#image-01,#image-02,#image-03 { position:absolute; }

	#image-02 { top:60px; right:86px; }
	#image-03 { top:60px; right:165px; }

	img.address { display:inline; position:relative; top:3px; padding:0 3px; }


	/* 2.0. Links ############################## */

		a:link, a:visited { color:#0058A3; text-decoration:underline; }
		a:focus, a:hover, a:active { color:#222; text-decoration:none; }


	/* 2.1. Forms ############################## */

		form { width:420px; }

		label {
			display:block;
			padding:10px 0 3px;
			color:#34393B;
			font-size:1.1em;
			font-weight:bold;
		}

		input, textarea {
			background-repeat:no-repeat;
			background-position:left top;
			border:0;
			font-size:11px;
			font-family:Helvetica, Arial, sans-serif;
		}
		/* Bug: background image scrolls through input */

		input.text, textarea {
			padding:2px 7px 0 5px;
		}

		input.text { width:250px; height:18px; background-image:url(../images/input.png); }
		textarea { width:450px; height:160px; background-image:url(../images/textarea.png); }

		input.error { background-position:left -20px; }
		textarea.error { background-position:left -162px; }

		input.submit {
			clear:both;
			display:block;
			background-image:url(../images/button-send.png);
			margin-top:10px;
			height:19px;
			width:82px;
			text-indent:-10000em;
			}
			html.en input.submit { background-image:url(../images/button-send-en.png); }

		input, textarea { margin-bottom:10px; }


	/* 2.3. Table ############################## */

		table { margin-top:1em; }
			caption { font-weight:bold; }

			col.first  { width:60px; }
			col.second { width:75px; }


	/* 2.4. Headers ############################ */

		h1,h2,h3 { color:#34393B; font-size:1.1em; font-weight:bold; text-transform:uppercase; }

		h2 { margin-top:20px; }

		h3 {
			font-size:1.4em;
			}
			h3 span.objective {
				display:block;
				color:#747E7F;
				font-size:80%;
			}


/* ############################################# */



/*	############################################
	3. Other
	############################################ */

	a.home  { text-align:right; background-image:url(../images/icon-home.png); }
	a.print { text-align:left;  background-image:url(../images/icon-print.png); }

/* Code is poetry by */