body {
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size: 12px;
	color: #000000;
	background-color: #F5F5F5;
}
a:link, a:visited { color: #0066CC; text-decoration: none} 
a:active, a:hover { color: #FF0000; text-decoration: underline}

#container {
	width: 828px;
	margin: 0px auto;
	background: url(../images/content_bg.gif);
}

#top_en {
	clear: left;
	height: 25px;	/* 'padding-top' + 'height' must be equal to the 'background image height' */
	padding-top: 39px;
	padding-right: 25px;
	text-align: right;
	background: url(../images/top_bg_logo_en.gif) no-repeat bottom;
}

#top_fr {
	clear: left;
	height: 25px;	/* 'padding-top' + 'height' must be equal to the 'background image height' */
	padding-top: 39px;
	padding-right: 25px;
	text-align: right;
	background: url(../images/top_bg_logo_fr.gif) no-repeat bottom;
}

#header {
	clear: left;
	margin-top: 10px;
	height: 208px;
	text-align: left;
	padding-left: 25px;
	background: url(../images/header.jpg) no-repeat center center;
}

#header_en {
	clear: left;
	margin-top: 10px;
	height: 208px;
	text-align: left;
	padding-left: 25px;
	background: url(../images/header_en.jpg) no-repeat center center;
}
#left_column {
	clear: left;
	float: left;
	width: 210px;
	padding-left: 3px;
}
#right_column {
	float: right;
	width: 590px;
	padding-right: 15px;
}
#footer {
	clear: both;
	padding-top: 9px;
	height: 40px;
	text-align: center;
	font-size: 11px;
	background: url(../images/footer_bg.gif) no-repeat;
	color: #666666;
}
#footer a {
	color: #666666;
}
#site_title {
	padding-top: 30px;
	font-weight: bold;
	font-size: 22px;
	line-height:125%;
	color: #264A8A;
}
#site_slogan {
	padding-top: 14px;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}
.spacer {
	clear: left;
	height: 10px;
}
.pic {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
}
.pic_no_border {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0px;
}
.section_box {
	margin: 10px;
	margin-right: 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	background: url(../images/gradient_top.gif) repeat-x;
}
.section_box_ticker {
	margin: 10px;
	margin-right: 0px;
	padding: 10px;
	height: 200px;
	border: 1px solid #DDDDDD;
	background: url(../images/gradient_top.gif) repeat-x;
}
.ticker_text {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size: 12px;
	color: #000000;
}
.post_box {
	clear: left;
	margin-top: 10px;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #DDDDDD;
}
.text_area {
	padding-top: 10px;
	padding-bottom: 10px;
}
.post_text_area {
	padding: 10px;
}
.post_title {
	padding: 6px;
	padding-left: 10px;
	background: #EFEFEF url(../images/gradient_top.gif) repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.publish_date {
	clear: both;
	padding: 3px;
	padding-left: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	background: #EFEFEF  url(../images/gradient_bot.gif) repeat-x bottom;
}
.title {
	padding-bottom: 12px;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}
.subtitle {
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #AA0000;
}
.fieldid {
	font-size: 10px;
	color: #000000;
}
.menutoppage {
	font-size: 12px;
	color: #000000;
}
.menu {
	list-style-type: none;
	margin: 10px;
	padding: 0px;
	width: 200px;
}
.menu li a{
	background: #F4F4F4 url(../images/button_default.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #4774C5;
	display: block;
	width: auto;
	margin-bottom: 2px;
	padding: 5px;
	padding-left: 14px;
	text-decoration: none;
}
* html .menu li a{ 
	width: 195px;
}
.toparrow{
	text-align: right;
}
.menu li a:visited, .menu li a:active{
	color: #A1191F;
}
.menu li a:hover{
	background: #EEEEEE url(../images/button_default.gif) no-repeat left bottom;
	color: #CC0000;
}
.menu li a.selected {
	background: #EEEEEE url(../images/button_default.gif) no-repeat left bottom;
	color: #CC0000; 
}


/* Forms */
select {font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 100%; height: 21px; text-align: right}
input {font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 100%; height: 15px; text-align: right}
textarea {font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 100%;}
.inputbutton {font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 110%; width: 120px; height: 25px; text-align: center}
.inputbuttonmedium {font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 110%; width: 200px; height: 25px; text-align: center}
.inputbuttonlarge {font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 110%; width: 400px; height: 25px; text-align: center}

/* Tables */
.table {width: 100%; clear: left; margin: 0.5em 0px 0.2em 0px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; border-collapse: collapse; background-color: rgb(255,255,255);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); font-size: 100%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; font-size: 100%; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 100%;}

.tableform {width: 100%; clear: left; margin: 0.5em 0px 0.2em 0px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(255,255,255);}
.tableform tr {margin: 0px; padding: 0px;}
.tableform td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); font-size: 100%; text-align: right; background-color:#F5F5F5;}
.tableform th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; font-size: 75%; font-weight:normal; text-align: left; background-color:#F5F5F5; 	}

.tablediplome {width: 100%; clear: left; margin: 0.2em 0px 0.2em 0px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(255,255,255);}
.tablediplome tr {margin: 0px; padding: 0px;}
.tablediplome td {padding: 0px 0px 0px 0px; border: solid 1px rgb(150,150,150); font-size: 100%; text-align: center; background-color:#F5F5F5;}
.tablediplome th {margin: 0px; padding: 0px 0px 0px 0px; border: solid 1px rgb(150,150,150); empty-cells: show; font-size: 100%; text-align: center; background-color:#F5F5F5; 	}

.tabledocuments {width: 100%; clear: left; margin: 0.5em 0px 0.2em 0px; border: solid 0px rgb(150,150,150); empty-cells: show; text-align: left; border-collapse: collapse; background-color: rgb(255,255,255);}
.tabledocuments tr {margin: 0px; padding: 0px;}
.tabledocuments td {padding: 2px 7px 2px 7px; border: solid 0px rgb(150,150,150); font-size: 100%; text-align: left; background-color:#F5F5F5;}
.tabledocuments th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 0px rgb(150,150,150); empty-cells: show; font-size: 100%; font-weight:bold ;text-align: left;	width:15px; background-color:#F5F5F5; vertical-align:top;}

.tablecriteres {width: 100%; clear: left; margin: 0.5em 0px 0.2em 0px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; border-collapse: collapse; background-color: rgb(255,255,255);}
.tablecriteres tr {margin: 0px; padding: 0px;}
.tablecriteres td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); font-size: 100%; text-align: left; background-color:#F5F5F5;}
.tablecriteres th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 0px rgb(150,150,150); empty-cells: show; font-size: 100%; font-weight:bold ;text-align: left;	width:15px; background-color:#F5F5F5; vertical-align:top;}
