/* fValidate STYLE */
input.errHilite, select.errHilite, textarea.errHilite {
	border: 1px solid #DDC;
	background-color: #FFE;
	}
label.errHilite {
	color: #C00;
	}

ul#errors {
	display: none;
	margin-top: 1em;
	background-color: #FFE;
	border: 1px solid #CC9;
	padding: .3em;
	color: #C00;
	font-weight: bold;
	}	
ul#errors li {
	margin-top: .5em;
	margin-bottom: .5em;
	padding: 0;
	}
ul#errors li.heading {
	list-style-type: none;
	color: #000;
	font-weight: normal;
	font-style: italic;
	margin: .5em 0;
	padding: 0;
	}

/* end fValidate STYLE */


body{
	margin:0px;
	padding:0px;
	font-size:12px;
	text-align:center;
	background-color:white;
	font-family: Arial,'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, sans-serif;

}

H1,H2,H3,DIV,TD,INPUT,UL,OL,LI{
	margin:0px;
	padding:0px;
	font-size: 15px;
}


H1,H2,H3,H4,H5,H6,th {
	color: black;
}

th {
padding-bottom:  10px;
padding-top:  2px;
}



INPUT.text{
	border:0px;
	margin:1px;
}


#clear{clear:both;}

#head-top{
	position: relative;
	margin: 15px auto 10px auto;
	width:911px;
	height:134px;
	text-align:left;
	background:url("maque_head_bg2.jpg") no-repeat 2px 3px;
}
#logo-container {
position: relative;
float: left;
top: 19px;
left: 21px;
width: 500px;
height: 81px;
}

/*MSN: IE FIX*/
* html #logo-container {
top: 9px;
}


#login{
	position: relative;
	float:right;
	font-size: 10px;
}

/* Modifications by Tuan */
.tx-newloginbox-pi1 .template_login_container{
position: relative;
margin:13px 0 0 0;
padding: 0 0 5px 3px;
font-size: 10px;
width:186px;
overflow: hidden;
background: url('login_box_bg.jpg') #145D90 no-repeat -3px -6px;

}

#top-banner .tx-newloginbox-pi1 .template_login_container{
background: transparent none;
}

.tx-newloginbox-pi1 .login_top {
position: relative;
margin: 0;
padding: 0;
font-size: 8px;
height: 44px;
overflow: hidden;
background-image: url('/fileadmin/template/images/login_bg.jpg');
background-repeat: repeat-y;
}
.tx-newloginbox-pi1 .login_top div.login_element_first,.tx-newloginbox-pi1 .login_top div.login_element_second {
position: relative;
margin: 0;
padding: 0;
clear: left;
background-color: #145D90;
width: 220px;
overflow: hidden;
}
div.login_element_second {
top: -19px;
}
.tx-newloginbox-pi1 .spacer {
position: relative;
margin: 0;
padding: 0;
height: 20px;
background: transparent none;
}
.tx-newloginbox-pi1 label,.tx-newloginbox-pi1 input {
display: block;
width: 105px;
height: 21px;
float: left;
}
.login_element_first input {
border-top: 2px solid #145D90;
border-right: 1px solid #145D90;
border-left: 1px solid #145D90;
}
.login_element_second input {
border-bottom: 2px solid #145D90;
border-right: 1px solid #145D90;
border-left: 1px solid #145D90;
}

.tx-newloginbox-pi1 label {
text-align: left;
font-size: 12px;
width: 77px;
height: 20px;
color: white;
padding: 2px 0 0 3px;
/*added by stas [start] 13 fev 2008*/
font-size: 9px;
/*added by stas [end] 13 fev 2008*/
}
.newloginsubmit input {
border:1px solid #145D90;
color: white;
margin-left: 81px;
background-color: #145D90;
}
#top-banner .newloginsubmit input {
width: 106px;
}
.tx-newloginbox-pi1 .template_logout{
position: relative;
top: 0;
left: 0;
width: 150px;
color: white;
padding: 30px 15px 10px 15px;
margin: 0 0 28px 0;
}
.tx-newloginbox-pi1 .logout_button {
position: relative;
top: 35px;
left: 59px;
}
#top-banner .template_logout {
margin: 0;
padding: 0;
}
#top-banner .logout_button{
top: 0;
left: 0;
}
.tx-newloginbox-pi1 .logout_button input{
border:1px solid #145D90;
color: white;
margin-left: 0;
background-color: #145D90;
}

/*#user{border-bottom:1px solid white;}
#password{border-top:1px solid white;}
#btn-ok{border-top:0px solid white;
 position:relative;
 margin-top: -8px;
 width:0px;

}

#login td {color:white;font-weight:bold;}
#login input{
	width:110px;
	height:20px;
	border:0px;
	font-weight:bold;
}
#login_btn{
	width:50px !important;
	height:20px;
	text-align:left;
	border:1px ;
	color:white;
	background-color:#145d91;
}
#login_ok{
	width:111px  !important;
	height:25px  !important;
	margin:0px;
	padding:0px;	
}
*/
/*~Modifications by Tuan */

#input-area{
	
}

/* Tuan modification for top menu */
#top-nav {
	position: relative;
	top: 24px;
	clear: both;
/*	float:right;*/
	width:911px;
	height:27px;
	padding: 0;
	margin: 0;
	text-align:right;
	color:white;
	font-weight:bold;
/*	background-color: blue;*/
/*	background:url("maque_redmenu_bg.jpg") no-repeat left top;*/
}

/*MSN: IE FIX*/
* html #top-nav {
	top: 20px;
}


#top-nav a{
	color:white;
	text-decoration:none;
}

#top-nav ul {
margin: 0 0 0 167px;
padding: 0 0 9px 0;
display: inline;
/*background-color: green;*/
background:url("maque_redmenu_middle.jpg") repeat-x left top;
/*height: 27px;*/
} 

#top-nav ul a:link,#top-nav ul a:hover,#top-nav ul a:visited,#top-nav ul a:active {
color: white;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}

#top-nav ul a:hover{
/* this is to erase stupid refresh bugs */
position: relative;
/*~this is to erase stupid refresh bugs */
color: black;
}
#top-nav ul li {
position: relative;

margin: 0 0 -12px 0;
padding: 0px 7px 9px 7px;
list-style: none;
display: inline;
border: none;
background:url("maque_redmenu_middle.jpg") repeat-x left top;
}
	
#top-nav ul li#menu-left-side {
position: relative;

border: none;
background:url("maque_red_left.jpg") no-repeat left top;
width: 8px;
padding: 0 0 9px 0;
}
#top-nav ul li#menu-right-side {
position: relative;

border: none;
background:url("maque_red_right.jpg") no-repeat right top;
width: 5px;
padding: 0 0 9px 0;
}

/*~Tuan modification */
/*Tuan modification */
.bodytext{
	margin:0px;
	padding:0px;
}
/*~Tuan modification */
#menu-header{
	margin:0 auto;
	width:895px;
	height:30px;
	padding: 0 0 2px 16px;
	text-align:left;
	font-size:20px;	
	font-weight:bold;
}

#main-menu {
	position: relative;
	top: 10px;
	margin:0 auto;
	width:911px;
	height:152px;
	text-align:center;
	background:url("maque_menu_bg.jpg") no-repeat left top;
}
/* Tuan modification */
#main-menu ul{
position: relative;
top: 25px;
left: 35px;
margin: 0;
padding: 0;
display: inline;
}
#main-menu li{
margin-right: 52px;
list-style: none;
display: inline;
}

#page-icon-container {
	position: relative;
	padding: 0;
	top: 0px;
	left: 10px;
	margin:0 auto;
	width:911px;
	height:172px;
	text-align:left;
/*	background:url("maque_menu_bg.jpg") no-repeat left top;*/
}
#page-icon-container h1{
position: relative;
font-size: 17px;
color: #5D5E62;
margin: 0;
padding: 0;
}
/*~Tuan modification */
#main-menu a{
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	color:white;
	text-decoration:none;
} 

#menu-btn{
	float:left;
	margin: 20px 0 0 10px;
	width:165px;
}

#content{
	position: relative;
	top: 10px;
	margin:0 auto;
	width:915px;
	text-align:left;
	color:#4e4e4e;
}
#left {
	float:left;
	width:430px;
}
#belowmap {
	width:430px;
}
#map{
	float:none;	
	width:430px;
	height:361px;
	background:url("newMap2008.jpg") no-repeat left top;
}
.google_map{
		width:911px;
		height:152px;
		background:url("/uploads/pics/BoisdeFillonheader_01.jpg") no-repeat right top;
}
.top_map{
margin:0px;
padding:0px;
width:300px;
height:152px;
height:auto;
}

#news{
	float:right;
	width: 430px;
	min-height: 325px;
	/*background:url("maquette_content_bg.jpg") no-repeat left top;*/
}

/* Tuan modification */
#index-news {
  position: relative;
/*  padding: 0px 10px;*/
  padding: 0px 3px;
}
#index-news h1 { font-size:22px;text-align:center;}
#index-news h1 a {text-decoration:none; color:navy}

/*~Tuan modification */
#news-area{
	text-align:left;
	padding: 16px 6px 0 20px;
	color:white;	
}

#news-area h3{
	color:#aac325;
	font-size:17px;
	margin:3px;
	padding:2px;
	border-bottom:1px solid #adadad;
}

#news-area hr{width:200px;color:#adadad;}


#main-content{
	margin:0 auto;
	width:911px;
	text-align:left;
	color:#4e4e4e;
}

#footer{
	position: relative;
	top: 5px;
	margin:0 auto;
	width:911px;
	color:#4e4e4e;
	padding:5px 0 25px 0;
  clear: both;
}

#footer a:link {
text-decoration: none;
color:#4e4e4e;
}
#footer a:visited {
text-decoration: none;
color:#4e4e4e;
}
#footer a:active {
text-decoration: none;
color:#4e4e4e;
}
#footer a:hover {
text-decoration: none;
color:black;
}


#line{
	margin: 3px auto;
	width:430px;
	border:2px solid #cccccc;
}

/*Prepaiement*/

#menu-title{
	margin:0 auto;
	width:895px;
	height:30px;
	padding:0 0 2px 16px;
	text-align:left;
	font-size:20px;	
	font-weight:bold;
}

#top-banner{
	margin:0 auto;
	padding:0px;
	width:911px;
	text-align:right;	
}

#mirabel{
	float:right;
	margin:0px;
	padding:0px;
	width:901px;
	height:137px;
	border:2px solid #145d91;
	background:url("maque_pp_head.jpg") no-repeat right;
}
/* Removed by Tuan
#Prepaiement-content{
	float:right;
	padding:0px;
	width:901px;
}

#p-c-l{
	float:left;	
	margin-top:15px;
	padding:0px;
	width:252px;
	height:338px;
	text-align:left;
	background-color:#c4c4c5;
	background:url(maque_p_bg_l.jpg) no-repeat bottom left;
}

#p-c-r{
	float:left;
	margin-top:15px;
	padding:0px;
	width:649px;
	height:338px;
	background:url("maque_p_bg_r.jpg") no-repeat top left;
}

#pcl-text1{
	margin:0px;
	padding:5 5 5 10;
	width:auto;
	height:64px;
	color:white;
	font-size:14px;
	background-color:#5d5e62;
}

#pcl-form1{
	margin:0px;
	padding:15 5 5 10;
	width:252px;
	height:274px;

}
#pcl-form1 input{
	width:200px;
}

#p-c-r td{
	color:black;
	height:35px;	
	line-height:16px;
	font-size:12px;
}

#pcr-text1{
	padding:10 10 10 15;
	width:auto;
	height:20px;
	text-align:left;	
	color:white;
	font-size:14px;
}
~Removed by Tuan */

#top-banner {
position: relative;
left: 10px;
clear: both;

margin: 15px auto;
width: 911px;
padding: 0;
overflow: hidden;
text-align: left;
background-image: url('main_content_bg.jpg');
background-repeat: repeat-y;
}

#top-banner #main-left-column {
position: relative;
float: left;
margin: 0;
padding: 10px 15px;
width: 222px;
min-height: 340px;
height:auto !important;
height: 340px;
overflow: hidden;
background:url('maque_p_bg_l.jpg') no-repeat top left;
}


#top-banner #main-left-column h1{
background-color: #5D5E62;
font-weight: normal;
padding: 10px 15px 11px 15px;
margin: -10px 0 10px -15px;
width: 222px;
color: white;
}

#top-banner #main-left-column ul {
position: relative;
margin: 0 15px;
padding: 0;
min-height: 250px;
}

#top-banner #main-right-column {
position: relative; /* modified by stas: was relative : fixes bug in left column*/
/*top:0; added by stas: fixes bug in left column*/
/*left:252px;added by stas: fixes bug in left column*/
float: left;
/* color: #616B76;*/
color: #4e4e4e;
margin: 0;
padding: 0 15px;
width: 627px;
min-height: 340px;
height:auto !important;
height: 340px;
background:url("maque_p_bg_r1.jpg") no-repeat top left;
}
#top-banner #main-right-column h1,#top-banner #main-right-column h3{
height: 38px;
color: white;
font-weight: normal;
padding: 9px 15px 0 0px;
}
#top-banner #main-right-column h3 {
font-weight: bold;
}
#top-banner #main-right-column ul {
position: relative;
margin: 0 30px;
padding: 0;
}
.csc-mailform{
	border:0px;
}
.csc-mailform input{
	background-color:white;
}
#mailformformtype_mail{
	height:20px;
	width:50px !important;
	margin-top:10px;
	color:white;
	background-color:gray;
}
.hidden {
display: none;
}
.status_message {
font-weight: bold;
}
.tx-aecformeinscription01-pi1 .submit_button {
margin-bottom: 50px; 
margin-top: 30px;
}
#dob_ID_Link,#license_expiry_ID_Link {
display: none;
}
/*
#partial_price#tps_partial,#tvq_partial,#total_partial {
display: none;
}*/
.error_message {
	position: relative;
	width: 30%;
	margin: 10px auto;
	color: red;
}

#calendar {
position: relative;
float: left;
width: 170px;
overflow: hidden;
}

#time_options {
position: relative;
float: left;
width: 350px;
overflow: hidden;
padding: 5px 10px;
margin-left: 15px;
border: 1px solid #A3A3A5;
}

.clear{clear:both;}

#teacher_time_selector p,#teacher_selection p,#calendar_form p{
font-weight: bold;
}

.submit_button_container {
position: relative;
clear: left;
padding: 15px 0 15px 0px;
}
#main-right-column div .logout_button{
	margin-left:20px;
}

#paymentcard-table th{ text-align:left;padding-left:20px;}
#paymentcard-table th input { margin-right:7px;}

SPAN#interac-note {margin-left:40px;font-weight:bold;font-size:12px;display:block;margin-bottom:15px;color:#606060}

#cardpay-fields{margin-left:30px;margin-bottom:15px}

h1.paymentcard-table-header {padding:0  !important;margin:0 !important;font-weight:bold  !important;color: black  !important;}

/* INTERAC form */
.tx-aecfeinterac-pi1 TD {vertical-align:top;padding-bottom:15px;}
.tx-aecfeinterac-pi1 span.tx_aecfeinterac_pi1-nomcour{display:block;width:115px;}
.tx-aecfeinterac-pi1 span.tx_aecfeinterac_pi1-total {font-weight:bold;}

div.tx-aecfeinterac-pi1 > div#success-links > a:visited{text-decoration:none;color:#0E3755;font-weight:bold;}
div.tx-aecfeinterac-pi1 > div#success-links > a.a-button {display:block;float:left;margin:10px 20px;background:#999; padding:5px;text-decoration:none;color:#0E3755;font-weight:bold;border:1px solid #0E3755; }

#content #news #news-area #index-news a {
	color:red;
}

#footer .csc-textpic.csc-textpic-center.csc-textpic-below.csc-textpic-equalheight {
        display:inline-block;
	margin-top:20px;
}

#footer .csc-textpic.csc-textpic-intext-right-nowrap.csc-textpic-border.csc-textpic-caption-l {
	display:inline-block;
	width:600px;
}

#footer .csc-textpic-clear {
	display:none;
	/*float:left;*/
}

#belowmap a {
	color:red;
}

