@charset "utf-8";

/* COMMON */

html, body {
	font: 100% Arial, Verdana, Tahoma, Helvetica, sans-serif;
	background: url(../images/bg.jpg) no-repeat #ffffff top center;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #173654;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
	border: 0;
}
img {
	border: none;
}
#container {
	width: 970px;
	margin: 0 auto;
	padding: 0;	
	text-align: left;
}


/* HEADER */

#mainHeader {
	float: left;
	width: 970px;
	background: url(../images/bg_header.jpg) no-repeat top;	
}
#mainHeader div.logo {
	float: left;
}
#mainHeader div.partners {
	float: right;
}
#mainHeader div.navigation {
	float: left;
	width : 910;
	height: 45px;
	padding: 0 0 0 40px;
}
#mainHeader div.navigation span {
	float: left;
	width: 38px;
	height: 45px;
	background: url(../images/nav_separator.jpg) no-repeat;
}
#mainHeader div.message {
	float: left;
	padding: 15px 0 0 0;
}


/* NAVIGATION */

#navfr1 {
	float: left;
	width: 77px;
	height: 45px;
	background: url(../images/nav1_fr.jpg) no-repeat;
}
#navfr1:hover {
	float: left;
	width: 77px;
	height: 45px;
	background: url(../images/nav1_fr.jpg) no-repeat;
	background-position: 0 -50px;	
}
#navfr1.active,#navfr1.active:hover {
	float: left;
	width: 97px;
	height: 45px;
	background: url(../images/nav1_fr.jpg) no-repeat;	
	background-position: 0 -100px;
}
#naven1 {
	float: left;
	width: 64px;
	height: 45px;
	background: url(../images/nav1_en.jpg) no-repeat;
}
#naven1:hover {
	float: left;
	width: 64px;
	height: 45px;
	background: url(../images/nav1_en.jpg) no-repeat;
	background-position: 0 -50px;	
}
#naven1.active, #naven1.active:hover {
	float: left;
	width: 80px;
	height: 45px;
	background: url(../images/nav1_en.jpg) no-repeat;	
	background-position: 0 -100px;
}
#navfr2 {
	float: left;
	width: 168px;
	height: 45px;
	background: url(../images/nav2_fr.jpg) no-repeat;
}
#navfr2:hover {
	float: left;
	width: 168px;
	height: 45px;
	background: url(../images/nav2_fr.jpg) no-repeat;
	background-position: 0 -50px;	
}
#navfr2.active, #navfr2.active:hover {
	float: left;
	width: 216px;
	height: 45px;
	background: url(../images/nav2_fr.jpg) no-repeat;	
	background-position: 0 -100px;
}
#naven2 {
	float: left;
	width: 113px;
	height: 45px;
	background: url(../images/nav2_en.jpg) no-repeat;
}
#naven2:hover {
	float: left;
	width: 113px;
	height: 45px;
	background: url(../images/nav2_en.jpg) no-repeat;
	background-position: 0 -50px;	
}
#naven2.active, #naven2.active:hover {
	float: left;
	width: 145px;
	height: 45px;
	background: url(../images/nav2_en.jpg) no-repeat;	
	background-position: 0 -100px;
}
#navfr3 {
	float: left;
	width: 122px;
	height: 45px;
	background: url(../images/nav3_fr.jpg) no-repeat;
}
#navfr3:hover {
	float: left;
	width: 122px;
	height: 45px;
	background: url(../images/nav3_fr.jpg) no-repeat;
	background-position: 0 -50px;	
}
#navfr3.active, #navfr3.active:hover {
	float: left;
	width: 157px;
	height: 45px;
	background: url(../images/nav3_fr.jpg) no-repeat;	
	background-position: 0 -100px;
}
#naven3 {
	float: left;
	width: 114px;
	height: 45px;
	background: url(../images/nav3_en.jpg) no-repeat;
}
#naven3:hover {
	float: left;
	width: 114px;
	height: 45px;
	background: url(../images/nav3_en.jpg) no-repeat;
	background-position: 0 -50px;	
}
#naven3.active, #naven3.active:hover {
	float: left;
	width: 147px;
	height: 45px;
	background: url(../images/nav3_en.jpg) no-repeat;	
	background-position: 0 -100px;
}
#navfr4 {
	float: left;
	width: 61px;
	height: 45px;
	background: url(../images/nav4_fr.jpg) no-repeat;
}
#navfr4:hover {
	float: left;
	width: 61px;
	height: 45px;
	background: url(../images/nav4_fr.jpg) no-repeat;
	background-position: 0 -50px;	
}
#navfr4.active, #navfr4.active,hover {
	float: left;
	width: 77px;
	height: 45px;
	background: url(../images/nav4_fr.jpg) no-repeat;	
	background-position: 0 -100px;
}
#naven4 {
	float: left;
	width: 69px;
	height: 45px;
	background: url(../images/nav4_en.jpg) no-repeat;
}
#naven4:hover {
	float: left;
	width: 69px;
	height: 45px;
	background: url(../images/nav4_en.jpg) no-repeat;
	background-position: 0 -50px;	
}
#naven4.active, #naven4.active:hover {
	float: left;
	width: 88px;
	height: 45px;
	background: url(../images/nav4_en.jpg) no-repeat;	
	background-position: 0 -100px;
}
#admin1 {
	float: left;
	width: 145px;
	height: 45px;
	background: url(../images/admin1_fr.jpg) no-repeat;
}
#admin1:hover {
	float: left;
	width: 145px;
	height: 45px;
	background: url(../images/admin1_fr.jpg) no-repeat;
	background-position: 0 -5px0;	
}
#admin1.active, #admin1.active:hover {
	float: left;
	width: 185px;
	height: 45px;
	background: url(../images/admin1_fr.jpg) no-repeat;	
	background-position: 0 -100px;
}
#admin2 {
	float: left;
	width: 98px;
	height: 45px;
	background: url(../images/admin2_fr.jpg) no-repeat;
}
#admin2:hover {
	float: left;
	width: 98px;
	height: 45px;
	background: url(../images/admin2_fr.jpg) no-repeat;
	background-position: 0 -50px;	
}
#admin2.active, #admin2.active:hover {
	float: left;
	width: 128px;
	height: 45px;
	background: url(../images/admin2_fr.jpg) no-repeat;	
	background-position: 0 -100px;
}
#admin3 {
	float: left;
	width: 164px;
	height: 45px;
	background: url(../images/admin3_fr.jpg) no-repeat;
}
#admin3:hover {
	float: left;
	width: 164px;
	height: 45px;
	background: url(../images/admin3_fr.jpg) no-repeat;
	background-position: 0 -50px;	
}
#admin3.active,#admin3.active:hover {
	float: left;
	width: 208px;
	height: 45px;
	background: url(../images/admin3_fr.jpg) no-repeat;	
	background-position: 0 -100px;
}


/* INSIDE HEADER */

#mainHeader div.inside {
	float: left;
	width: 880px;
	padding: 15px 45px 15px 45px;
	font-size: 14px;
	line-height: 18px;
}
#mainHeader div.inside h1 {
	font-size: 18px;
	margin: 30px 0;
}
#mainHeader div.inside ol, #mainHeader div.inside ul {
	padding: 0 20px;
	margin: 15px 0;
}
#mainHeader div.inside li {	
	padding: 0 0 15px 0;
	margin: 0;
}

/* FLASH */

.slider {
	float: left;
	position: relative;
	clear: both;
	margin: 15px 0px 0 30px;
}


/* SEPARATOR */

#mainSeparator {
	display: block;
	float: left;
	width: 970px;
}


/* CONTENT */

#mainContent {
	float: left;
	width: 910;
	padding: 0 30px 0 30px;
	background: url(../images/bg_tile.jpg) repeat-y;
}
#mainContent img.label1 {	
	padding: 0;
	margin: 0;
}
#mainContent img.label2 {	
	padding: 0;
	margin: 30px 0 0 0;
}
#mainContent div.Extras {
	float: left;
	width: 465px;
}
#mainContent div.Attention {
	float: right;
	width: 355px;
	padding: 25px 0 25px 25px;
	background: #eff3f8;
}
#mainContent div.Attention {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	color: #173654;
}
#mainContent div.Attention ol {
	text-transform: none;	
	padding: 0;
	margin: 10px 0 0 0;
}
#mainContent div.Attention ol li {
	list-style: none;
	font-size: 10px;
	line-height: 10px;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
#mainContent div.Attention ol li span {
	width: 20px;
	padding: 0 5px 0 0;
}



/* MAIN FORM */

#mainForm {
	float: left;
	width: 435px;
	min-height: 300px;
	padding: 0 0 0 10px;
}
#mainForm p {	
	padding: 25px 0 5px 0;
	margin: 0;
	font-size: 14px;	
	color: #5581b0;
}
#mainForm p span {
	font-size: 11px;
	color: #dc281a;
}
#mainForm input[type=text] {
	border: 1px #c9c9c9 solid;
	background: url(../images/form_input.jpg);
	padding: 5px;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}
#mainForm input[type=password] {
	border: 1px #c9c9c9 solid;
	background: url(../images/form_input.jpg);
	padding: 5px;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}
#mainForm select {
	border: 1px #c9c9c9 solid;
	background: url(../images/form_input.jpg);
	padding: 5px;
	font-size: 14px;	
	color: #333333;
}
#mainForm input[type=radio] {
	margin: 10px 12px 0 0;
}
#mainForm input[type=image] {
	position: relative;
}
#mainForm label {
	position: relative;
	bottom: 2px;
	font-size: 14px;
	color: #5581b0;
	margin: 0 15px 0 0
}


/* ADMIN FORM */

#adminForm {
	float: left;
	width: 880px;
	min-height: 300px;
	padding: 15px 45px 0 45px;
}
#adminForm p {	
	padding: 25px 0 5px 0;
	margin: 0;
	font-size: 14px;	
	color: #5581b0;
}
#adminForm p span {
	font-size: 11px;
	color: #dc281a;
}
#adminForm h1{
	font-size: 20px;
	margin: 25px 0 15px 0;
}
#adminForm div.message {
	width: 880px;
	font-size: 12px;
	font-weight: bold;
	color: #dc281a;
	margin: 0 0 30px 0;
	padding: 10px 0 20px 0;
	border-bottom: 1px #173654 solid;
}
#adminForm input[type=text] {
	border: 1px #c9c9c9 solid;
	background: url(../images/form_input.jpg);
	padding: 5px;
	font-size: 14px;	
	color: #333333;
}
#adminForm input[type=password] {
	border: 1px #c9c9c9 solid;
	background: url(../images/form_input.jpg);
	padding: 5px;
	font-size: 14px;	
	color: #333333;
}
#adminForm select {
	border: 1px #c9c9c9 solid;
	background: url(../images/form_input.jpg);
	padding: 5px;
	font-size: 14px;	
	color: #333333;
}
#adminForm input[type=radio] {
	margin: 10px 12px 0 0;
}
#adminForm input[type=image] {
	position: relative;
	right: 10px;
}
#adminForm label {
	position: relative;
	bottom: 2px;
	font-size: 14px;
	color: #5581b0;
	margin: 0 15px 0 0
}


/* FOOTER */

#mainFooter {
	position: relative;	
	clear: both;
	height: 250px;
}
#footerLinks {
	position: relative;
	float: left;
	padding: 0 0 0 30px;
}
#footerLinks a {	
	font-size: 11px;
	color: #214164;	
}
#footerLinks a:hover {
	text-decoration : none;	
	color: #666666;
}
#footerLinks a.active {
	text-decoration : none;
	font-weight: bold;
	color: #214164;
}
#footerLinks a.active:hover {
	color: #666666;
}
#footerLinks span {
	font-size: 10px;
	color: #214164;
	padding: 0 10px;
}
#footerCopy {
	position: relative;
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #aeaeae;
	padding: 0 20px 0 0;
}