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

body {
	background-color: #000000;
	padding: 0;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
form {
	padding: 0;
	margin: 0;
}
#container {
	background-color: #000000;
	width: 1022px;
	height: 660px;
	position: relative;
	margin: 0 auto
}
#logo_holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 399px;
	height: 86px;
	background-image: url(/images/tp_cl/tp_01.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#slogan_holder {
	position: absolute;
	top: 62px;
	left: 400px;
	width: 432px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#lang_holder {
	position: absolute;
	top: 56px;
	right: 33px;
	width: 75px;
	height: 30px
}
#top_1 {
	position: absolute;
	top: 86px;
	left: 98px;
	width: 220px;
	height: 52px;
	background-image: url(/images/tp_cl/tp_04.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#top_3 {
	position: absolute;
	top: 86px;
	left: 318px;
	width: 625px;
	height: 85px;
	background-image: url(/images/tp_cl/tp_05.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#top_4 {
	position: absolute;
	top: 138px;
	left: 98px;
	width: 173px;
	height: 33px;
	background-image: url(/images/tp_cl/tp_08.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#top_5 {
	position: absolute;
	top: 138px;
	left: 271px;
	width: 47px;
	height: 33px;
	background-image: url(/images/tp_cl/tp_09.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#middle_1 {
	position: absolute;
	top: 171px;
	left: 98px;
	width: 173px;
	height: 313px;
	background-image: url(/images/tp_cl/tp_11.jpg);
	background-position: top left;
	background-repeat: no-repeat
}

.menubutt {
	position: absolute;
	display: block;
	right: 0;
	width: 160px;
	height: 25px;
}
.menubutt1 {	top: 22px;	}
.menubutt2 {	top: 53px;	}
.menubutt3 { 	top: 84px;	}
.menubutt4 {	top: 116px;	}
.menubutt5 {	top: 148px;	}
.menubutt6 {	top: 179px;	}
.menubutt7 {	top: 211px;	}
.menubutt8 {	top: 243px;	}
.menubutt9 {	top: 275px;	}

#middle_2 {
	position: absolute;
	top: 171px;
	left: 271px;
	width: 47px;
	height: 313px;
	background-image: url(/images/temp1_13.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#middle_3 {
	position: absolute;
	top: 171px;
	left: 318px;
	width: 704px;
	height: 472px;
	background-image: url(/images/tp_cl/tp_13.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#html_content {
	position: absolute;
	top: 171px;
	left: 280px;
	width: 660px;
	height: 310px;
	overflow: auto;
}
#html_content h1 {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	margin: 1px 0 5px 0;
	color: #3cb8c1;
}
#html_content h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin: 2px 0 5px 0;
	color: #a73f32;
}
#html_content a:link {
	color: #3cb8c1;
}
#html_content a:visited {
	color: #3cb8c1;
}
#html_content a:hover {
	color: #a73f32;
}
#html_content p.yellow {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	margin: 0 0 10px 0;
}
#html_content label {
	color: #f5b15a;
}
#html_content select {
	font: 0.9em Tahoma, sans-serif;
	background-color: #E8E8E8;
	padding: 1px;
	margin: 0 0 1px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #a73f32;
	vertical-align: middle;
}
#html_content .button {
	color: #0C294B;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#html_content .FormText {
	font: 0.9em Tahoma, sans-serif;
	background-color: #E8E8E8;
	padding: 1px;
	margin: 0 0 1px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #a73f32;
	vertical-align: middle;
	width: 180px;
}
#html_content .orange {
	font-weight: bold;
	color: #f5b15a;
}
#flash_content {
	position: absolute;
	top: 171px;
	left: 318px;
	width: 704px;
	height: 472px
}
#flash_content p {
	font-weight: normal;
	font-size: 11px;
	line-height: 24px;
}
.titre {
	font-size: 12px;
	color: #E2A446;
}

#middle_4 {
	position: absolute;
	top: 484px;
	left: 98px;
	width: 173px;
	height: 32px;
	background-image: url(/images/tp_cl/tp_15.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E2A446;
	padding-left: 20px;
}
#middle_4 a:link {
	color: #E2A446;
	text-decoration: none;
}
#middle_4 a:visited {
	color: #E2A446;
	text-decoration: none;
}
#middle_4 a:hover {
	color: #976417;
	text-decoration: none;
}
#middle_5 {
	position: absolute;
	top: 484px;
	left: 271px;
	width: 47px;
	height: 32px;
	background-image: url(/images/tp_cl/tp_16.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#middle_6 {
	position: absolute;
	top: 516px;
	left: 98px;
	width: 173px;
	height: 127px;
	background-image: url(/images/tp_cl/tp_18.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#logo_mag_fr {
	position: absolute;
	bottom: 0;
	left: 13px;
	width: 100px;
	height: 54px
}
#logo_mag_en {
	position: absolute;
	bottom: 0;
	left: 13px;
	width: 100px;
	height: 92px
}
#middle_7 {
	position: absolute;
	top: 516px;
	left: 271px;
	width: 47px;
	height: 127px;
	background-image: url(/images/tp_cl/tp_19.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#bottom_1 {
	position: absolute;
	top: 643px;
	left: 98px;
	width: 173px;
	height: 13px;
	background-image: url(/images/tp_cl/tp_20.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#bottom_2 {
	position: absolute;
	top: 643px;
	left: 271px;
	width: 672px;
	height: 13px;
	background-image: url(/images/tp_cl/tp_21.jpg);
	background-position: top left;
	background-repeat: no-repeat
}
#bottom_3 {
	position: absolute;
	top: 655px;
	left: 98px;
	width: 844px;
	height: 21px;
	text-align: left;
	color: #FFFFFF;
	padding-top: 2px;
}
a.en_copyright {
	padding-left: 13px;
}
a.fr_copyright {
	padding-left: 25px;
}
a.en_copyright, a.fr_copyright {
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
a.en_copyright:visited, a.fr_copyright:visited {
	color: #999999;
	text-decoration: none;
}	
a.en_copyright:hover, a.fr_copyright:hover {
	color: #999999;
	text-decoration: underline;
}