/* HTML ELEMENTS */

body {
background-color: #FFFFFF;
text-align: center;
}

body, div {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
margin: 0px;
padding: 0px;
}

h2 {
font-size: 14px;
font-weight: bold;
padding: 5px 10px 5px 10px;
margin: 30px 0px 20px 0px;
text-align: left;
background-color: #e8e8e8;
}

.error {color: #ff0000;}

form {
margin: 0px;
padding: 0px;
}

input, textarea {
border: 1px solid #999999;
background-color: #f7f7f7;
font-size: 11px;
}

select {
font-size: 11px;
background-color: #f7f7f7;
}

input.check {
border: none;
background: none;
}

input.submit-button {
border: 1px solid #686868;
background-color: #999999;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}

input.submit-button-big {
border: 1px solid #686868;
background-color: #999999;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
cursor: pointer;
}

div.submit-button {
border: 1px solid #686868;
background-color: #999999;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}

div.submit-button a {color: #ffffff; font-size: 9px; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.submit-button a:link {color: #ffffff; font-size: 9px; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.submit-button a:visited {color: #ffffff; font-size: 9px; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.submit-button a:focus {color: #ffffff; font-size: 9px; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.submit-button a:hover {color: #ffffff; font-size: 9px; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.submit-button a:active {color: #ffffff; font-size: 9px; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

img {
border: 0px;
}

a {
color: #b03a00;
text-decoration: none;
}

a:visited {
color: #b03a00;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.linkText{
	color: #b03a00;
	text-decoration: none;
	cursor: pointer;
}

.linkTextOver{
	color: #b03a00;
	text-decoration: underline;
	cursor: pointer;
}

p {
padding: 5px 0px 5px 0px;
margin: 0px;
}


ul {
list-style-position: outside;
margin: 10px 0px 5px 18px;
padding: 0px;
list-style: disc;
}

ol {
list-style-position: inside;
margin: 5px 0px 5px 0px;
padding: 0px;
}

li {
margin: 0px;
padding: 0px 0px 5px 0px;
}

sup {
font-size: 7px;
}



div.clearer {
clear: both; 
margin: 0px;
padding: 0px;
height: 0px;
line-height: 0px;
}

/* SPECIAL CLASSES AND IDS */

.title-home, h1, .title-nav1, .title-nav2 {
padding: 0px 0px 8px 0px;
margin: 0px 0px 8px 0px;
border-bottom: 1px solid #cdcdcd;
}

.title-home, h1 {
font-size: 16px;
font-weight: bold;
}

.title-home {
color: #666666;
}

h1 {
color: #b03a00;
}

.title-nav2 {
color: #666666;
font-size: 16px;
font-weight: bold;
}

.title-home {
text-align: center;
}

h1, .title-nav1, .title-nav2 {
text-align: left;
}


.title-home a, .title-home a:visited {
color: #b03a00;
text-decoration: none;
}

.title-home a:hover {
text-decoration: underline;
color: #974444;
}

.title-nav1 {
color: #000066;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #000066;
}


.read-more {
text-align: right;
margin: 10px 0px 0px 0px;
font-size: 9px;
height: 13px;
padding: 2px 0px 2px 0px;
}

.read-more img {
vertical-align: middle;
}

img.menu-top-separator {
margin: 0px 5px 0px 5px;
vertical-align: middle;
width: 1px;
height: 20px;
}

.box-small-top {
width: 250px;
height: 10px;
background-color: #FFFFFF;
}

.box-small-top img {
width: 250px;
height: 10px;
}

.box-small-middle {
width: 250px;
background-image: url('../images/box-small-middle.gif');
background-position: top;
background-repeat: repeat-y;
background-color: #FFFFFF;
text-align: left;
padding: 0px 0px 10px 0px;
}

.box-small-bottom {
width: 250px;
height: 10px;
background-color: #FFFFFF;
}

.box-small-bottom img {
width: 250px;
height: 10px;
}

.box-small-text {
padding: 0px 10px 0px 10px;
}


.box-medium-top {
width: 500px;
height: 10px;
background-color: #FFFFFF;
}

.box-medium-top img {
width: 500px;
height: 10px;
}

.box-medium-middle {
width: 500px;
background-image: url('../images/box-medium-middle.gif');
background-position: top;
background-repeat: repeat-y;
background-color: #FFFFFF;
text-align: left;
padding: 0px 0px 10px 0px;
}

.box-medium-bottom {
width: 500px;
height: 10px;
background-color: #FFFFFF;
}

.box-medium-bottom img {
width: 500px;
height: 10px;
}

.box-medium-text {
padding: 0px 20px 0px 20px;
}




.box-big-top {
width: 760px;
height: 10px;
background-color: #FFFFFF;
}

.box-big-top img {
width: 760px;
height: 10px;
}

.box-big-middle {
width: 760px;
background-image: url('../images/box-big-middle.gif');
background-position: top;
background-repeat: repeat-y;
background-color: #FFFFFF;
text-align: left;
padding: 0px 0px 10px 0px;
}

.box-big-bottom {
width: 760px;
height: 10px;
background-color: #FFFFFF;
}

.box-big-bottom img {
width: 760px;
height: 10px;
}

.box-big-text {
padding: 0px 20px 0px 20px;
}




.box-nav-top {
width: 250px;
height: 10px;
background-color: #e3e3e3;
}

.box-nav-top img {
width: 250px;
height: 10px;
}

.box-nav-middle {
width: 250px;
background-image: url('../images/box-nav-middle.gif');
background-position: top;
background-repeat: repeat-y;
background-color: #e3e3e3;
text-align: left;
padding: 0px 0px 10px 0px;
}

.box-nav-bottom {
width: 250px;
height: 10px;
background-color: #e3e3e3;
}

.box-nav-bottom img {
width: 250px;
height: 10px;
}

.box-nav-text {
padding: 0px 10px 0px 10px;
color: #000066;
text-align: left;
}

.box-nav-text a, .box-nav-text a:visited {
color: #000066;
text-decoration: none;
}

.box-nav-text a:hover {
color: #7171bd;
text-decoration: underline;
}

.box-nav-text ul {
list-style-position: outside;
margin: 5px 0px 5px 18px;
padding: 0px;
list-style-image: url('../images/menu-bullet.gif');
}

.box-nav-text li.menu-main {
list-style-image: url('../images/menu-main-plus.gif');
}

.box-nav-text  li {
margin: 0px;
padding: 0px 0px 6px 0px;
}

.box-nav-text .submenu1 {
margin: 5px 0px 5px 0px;
padding: 5px;
background-color: #d9d9d9;
}

.box-nav-text .selected-menu {
font-weight: bold;
}

.home-columns {
float: left;
width: 250px;
padding: 0px 0px 0px 5px;
}

.pages-columns1 {
float: left;
width: 250px;
padding: 0px 0px 0px 5px;
}

.pages-columns2 {
float: left;
width: 500px;
padding: 0px 0px 0px 5px;
}

.pages-full {
width: 760px;
padding: 0px 0px 0px 5px;
}

.box-boutons {
float: right;
width: 130px;
text-align: right;
background-color: #FFFFFF;
padding: 20px 0px 10px 0px;
}

.box-boutons img {
margin-bottom: 5px;
}

.horaire-bouton {
margin: 10px 0px 20px 0px;
}

table.cours {
margin: 10px 0px 10px 0px;
border: 1px solid #999999;
border-collapse: collapse;
}

table.cours td {
border: 1px solid #999999;
}

.cours-categorie {
font-size: 14px;
padding: 5px 10px 5px 10px;
margin: 0px 0px 20px 0px;
text-align: left;
background-color: #e8e8e8;
}

/* LAYOUT */


#main {
margin: 0px auto;
padding: 0px;
width: 770px;
}

#main-top {
width: 770px;
/* height: 120px; */
margin: 5px 0px 5px 0px;
}

#main-top-no-path {
width: 770px;
height: 100px;
margin: 5px 0px 5px 0px;
}

#main-top-left {
width: 165px;
height: 104px;
margin: 0px 0px 0px 0px;
float: left;
text-align: left;
}

#main-top-right {
width: 605px;
height: 104px;
margin: 0px 0px 0px 0px;
float: left;
}

#main-top-slogan {
margin: 0px 0px 10px 0px;
}

#menu-top {
width: 605px;
height: 36px;
background-image: url('../images/menutop-bg.gif');
background-position: top;
background-repeat: no-repeat;
background-color: #e5e5e5;
text-align: center;
}

#menu-top .menu-top-ul {list-style: none; display: block; width: 585px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
#menu-top .menu-top-ul li {list-style: none; display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#menu-top .menu-top-ul .menu-top-li {padding: 3px 0px 0px 0px;}
#menu-top .menu-top-ul .menu-top-li-sep {padding: 0px 0px 0px 0px;}

#menu-top-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #999999;
padding: 7px 0px 0px 5px;
text-transform: uppercase;
}

#menu-top-text a, #menu-top-text a:visited {
text-decoration: none;
color: #000000;
}

#menu-top-text a:hover {
text-decoration: none;
color: #993300;
}

#menu-top-text a.menu-top-selected, #menu-top-text a.menu-top-selected:visited, #menu-top-text a.menu-top-selected:hover {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #999999;
}

#path {
width: 770px;
/* height: 26px; */
text-align: left;
}

#path img {
}

#path-text {
font-size: 10px;
padding: 5px 0px 0px 10px;
}

#path-text a, #path-text a:visited {
color: #af5200;
}

#body-top, #body-bottom {
width: 770px;
height: 6px;
}

#body {
width: 770px;
background-color: #cdcdcd;
}

#body-content {
}

#footer {
width: 770px;
text-align: center;
margin: 10px 0px 10px 0px;
}

#footer-text {
font-size: 10px;
color: #5a5a5a;
}

/*******************************************/
/* Calendar Page */
/*******************************************/
	
	.calendarCoursesListTable {margin: 10px 0px 20px 0px;}
	.calendarCoursesListTable .calendarCoursesListElemTD1 {padding: 0px 10px 3px 0px;}
	.calendarCoursesListTable .calendarCoursesListElemTD2 {width: 320px; padding: 0px 0px 3px 0px;}
	
	.calendarCoursesListCategoryOnDemandText {margin: 10px 0px 20px 0px;}

/*******************************************/
/* Calendar Page */
/*******************************************/

/*******************************************/
/* Home Courses Menu */
/*******************************************/

	.home-courses-menu ul li {color: #b03a00; text-decoration: none;}

	.home-courses-menu ul li a {color: #000000; text-decoration: none;}
	
	.home-courses-menu ul li a:link {color: #000000; text-decoration: none;}
	.home-courses-menu ul li a:visited {color: #000000; text-decoration: none;}
	.home-courses-menu ul li a:focus {color: #000000; text-decoration: none;}
	.home-courses-menu ul li a:hover {color: #000000; text-decoration: underline;}
	.home-courses-menu ul li a:active {color: #000000; text-decoration: none;}

/*******************************************/
/* Home Courses Menu */
/*******************************************/

/*******************************************/
/* Home Teachers Image Slideshow */
/*******************************************/

	.formSlideshow {  
		height:  112px;  
		width:   230px;  
		padding: 0;  
		margin:  0;  
	} 
 
	.formSlideshow img {  
		width:  230px; 
		height: 112px; 
		top:  0; 
		left: 0;
	} 

/*******************************************/
/* Home Teachers Image Slideshow */
/*******************************************/

/*******************************************/
/* Home Cities Slideshow */
/*******************************************/

	.homeSlideshow {  
		height:  112px;  
		width:   230px;  
		padding: 0;  
		margin:  0;  
	} 
 
	.homeSlideshow img {  
		width:  230px; 
		height: 112px; 
		top:  0; 
		left: 0;
	} 

/*******************************************/
/* Home Cities Image Slideshow */
/*******************************************/

/*******************************************/
/* Calendar Cities Slideshow */
/*******************************************/

	.calendarCitySlideshow {  
		width:   458px; 
		height:  140px;		 
		padding: 0;  
		margin:  0;  
	} 
	
	.calendarCitySlideshow div img {  
		width:  458px; 
		height: 140px;
		top:  0; 
		left: 0;
	} 
	
	#slideshowCredits {text-align: right; padding-top: 4px;}
	

/*******************************************/
/* Calendar Cities Image Slideshow */
/*******************************************/

/*******************************************/
/* Profiles Page */
/*******************************************/

	.profContentTable {margin: 0px 0px 20px 0px;}
	.profContentTable .profContentLeftTD {width: 450px;}
	.profContentTable h3 {color: #b03a00; font-size: 11pt; font-weight: bold; padding: 0 0 10px 0; margin: 0 0 0 0;}
	.profContentTable h3 span {color: #b03a00; font-size: 8pt; font-weight: bold;}
	.profContentTable .profContentRightTD {width: 270px; text-align: right;}

/*******************************************/
/* Profiles Page */
/*******************************************/

/*******************************************/
/* Courses List in Course Description	   */
/*******************************************/

	.courseDescriptionCalListCityName {margin: 20px 0px 0px 0px; font-weight: bold;}

	.coursesListInCourseDescTable {margin: 10px 0px 0px 0px;}
	.coursesListInCourseDescTable .courseDescCoursesListElemTD1 {padding: 0px 10px 3px 0px;}
	.coursesListInCourseDescTable .courseDescCoursesListElemTD2 {width: 320px; padding: 0px 0px 3px 0px;}

/*******************************************/
/* Courses List in Course Description	   */
/*******************************************/

/*******************************************/
/* Inscription Page */
/*******************************************/

	/*******************************************/
	/* Steps Indicator	*/
	/*******************************************/

		.inscriptionStepsIndicator {border-bottom: 1px solid #cdcdcd; padding: 0 0 10px 0;}
		.inscriptionStepsIndicator h1 {border-bottom: 0px; margin: 0 0 0 0; padding: 0 0 0 0;}
		
		.inscriptionStepsIndicatorTable .inscriptionStepsIndicatorTitleTD {width: 640px;}
		.inscriptionStepsIndicatorTable .step {padding-right: 5px;}
		
	/*******************************************/
	/* Steps Indicator	*/
	/*******************************************/

	/*******************************************/
	/* Pre-Info Content (Step2) */
	/*******************************************/

		.inscriptionStep2Table {width: 720px;}
		.inscriptionStep2Table .inscriptionStep2QuestionTD {padding: 5px 0px 5px 5px; background-color: #e8e8e8;}
		.inscriptionStep2Table .inscriptionStep2QuestionTD .inscriptionStep2QuestionTDText {font-weight: bold; color: #b03a00; }
		.inscriptionStep2Table .inscriptionStep2TextTD {width: 460px; background-color: #F1F1F1; text-align: right;}
		.inscriptionStep2Table .inscriptionStep2YesTD {width: 60px; background-color: #F1F1F1;}
		.inscriptionStep2Table .inscriptionStep2NoTD {width: 60px; background-color: #F1F1F1;}
		.inscriptionStep2Table .inscriptionStep2DontKnowTD {width: 130px; background-color: #F1F1F1;}
		
		.inscriptionStep2Table .inscriptionStep2NumberTD {width: 100px; text-align: left; background-color: #F1F1F1;}
		.inscriptionStep2Table .inscriptionStep2NumberTD input {margin-left: 3px;}
		
		.inscriptionStep2Table .inscriptionStep2BottomTextTD {padding: 10px 10px 10px 10px; background-color: #F1F1F1;}
		
		.inscriptionStep2Table .checkBoxInputTD {padding-right: 3px;}
		
	/*******************************************/
	/* Pre-Info Content (Step2) */
	/*******************************************/

	/*******************************************/
	/* Courses List */
	/*******************************************/

		.inscriptionCoursesListTable {width: 720px;}
		.inscriptionCoursesListTable .inscriptionCoursesListCategoryNameTD {width: 720px; border-bottom: 5px solid #ffffff; background-color: #e8e8e8;}
		.inscriptionCoursesListTable .inscriptionCoursesListCategoryNameTD .inscriptionCategoryNameText {font-weight: bold; color: #b03a00;  padding: 5px 0 5px 5px;}
		.inscriptionCoursesListTable .inscriptionCoursesListCourseNameTD {width: 580px; border-bottom: 5px solid #ffffff; background-color: #F1F1F1; text-align: right;}
		.inscriptionCoursesListTable .inscriptionCoursesListCourseNamePadDiv {padding-right: 5px;}
		
		.inscriptionCoursesListTable .inscriptionCoursesListCheckboxTD {width: 30px; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; text-align: center; background-color: #F1F1F1;}
		.inscriptionCoursesListTable .inscriptionCoursesListTextBoxTD {width: 100px; padding: 5px 0; border-bottom: 5px solid #ffffff; text-align: center; background-color: #F1F1F1;}
		
		.inscriptionCoursesListTable .inscriptionCoursesListBookNameTD {width: 720px; border-bottom: 5px solid #ffffff; background-color: #F1F1F1;}
		.inscriptionCoursesListTable .inscriptionCoursesListBookNamePadDiv {padding: 5px 12px;}
		
		
		.inscriptionTotalValuesTable {width: 720px; margin: 10px 0px 0px 0px;}
		.inscriptionTotalValuesTable .inscriptionTotalValuesTextTD {text-align: right; font-weight: bold; border-bottom: 5px solid #ffffff;}
		.inscriptionTotalValuesTable .inscriptionTotalValuesTextBoxTD {width: 100px; text-align: center; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff;}
		
	/*******************************************/
	/* Courses List */
	/*******************************************/

	/*******************************************/
	/* Step 1 */
	/*******************************************/

		/* Receipt Elems */
		
			.OrderReceiptElemsTable {width: 710px; margin: 0px 0px 0px 5px;}
			.OrderReceiptElemsTable .alt td {background-color: #e8e8e8;}
			
			.OrderReceiptElemsTable .orderReceiptPriceTextTD {width: 610px; padding: 3px 0px 3px 0px;}
			.OrderReceiptElemsTable .orderReceiptPriceTextTD .orderReceiptPriceText {padding: 0px 5px 0px 5px; font-size: 8pt; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
			.OrderReceiptElemsTable .orderReceiptPriceTextTD .orderReceiptTotalPriceText {padding: 0px 5px 0px 5px; font-size: 9pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
			
			.OrderReceiptElemsTable .orderReceiptPriceValueTD {width: 100px; padding: 3px 0px 3px 0px; text-align: right;}
			.OrderReceiptElemsTable .orderReceiptPriceValueTD .orderReceiptPriceValue {padding: 0px 5px 0px 5px; font-size: 8pt; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
			.OrderReceiptElemsTable .orderReceiptPriceValueTD .orderReceiptTotalPriceValue {padding: 0px 5px 0px 5px; font-size: 8pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
			
		/* Receipt Elems */
		
		/* Grand Total */
		
			.OrderGrandTotalTable {width: 710px; margin: 0px 0px 0px 5px;}
			.OrderGrandTotalTable .alt td {background-color: #e8e8e8;}
			
			.OrderGrandTotalTable .orderReceiptPriceTextTD {width: 610px; padding: 3px 0px 3px 0px;}
			.OrderGrandTotalTable .orderReceiptPriceTextTD .orderReceiptPriceText {padding: 0px 5px 0px 5px; font-size: 8pt; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
			.OrderGrandTotalTable .orderReceiptPriceTextTD .orderReceiptTotalPriceText {padding: 0px 5px 0px 5px; font-size: 9pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
			
			.OrderGrandTotalTable .orderReceiptPriceValueTD {width: 100px; padding: 3px 0px 3px 0px; text-align: right;}
			.OrderGrandTotalTable .orderReceiptPriceValueTD .orderReceiptPriceValue {padding: 0px 5px 0px 5px; font-size: 8pt; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
			.OrderGrandTotalTable .orderReceiptPriceValueTD .orderReceiptTotalPriceValue {padding: 0px 5px 0px 5px; font-size: 8pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}	
		
		/* Grand Total */
		
		.topSpacer {margin-top: 20px;}
				
		.orderReceiptBottomText {padding: 10px 0px 0px 5px; font-weight: bold;}
		
		.inscriptionErrorsContent {border: 1px solid #FF0000; background-color: #ffdbdb; padding: 5px 5px; font-weight: bold; color: #FF0000; margin: 0px 0px 10px 0px;}

		.errorTxtBox {background-color: #ffdbdb;}

	/*******************************************/
	/* Step 1 */
	/*******************************************/
	
	/*******************************************/
	/* Step 2 */
	/*******************************************/
	
		.orderStep2TextContent {padding: 25px 0px 0px 0px;}

	/*******************************************/
	/* Step 2 */
	/*******************************************/

/*******************************************/
/* Inscription Page */
/*******************************************/

/*******************************************/
/* Sitemap								   */
/*******************************************/

	.sitemap {list-style: none; display: block; margin: 0; padding: 0;}
	.sitemap li {list-style: none; display: block; margin: 0; padding: 0;}
	.sitemap li.level1 {padding: 10px 0 0 0;}
	.sitemap li.level2 {padding: 10px 0 0 20px;}
	.sitemap li.level3 {padding: 10px 0 0 40px;}

/*******************************************/
/* Sitemap								   */
/*******************************************/