
/* BODY ########################################################################### */

body
	{
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	height:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	/* background-color: #FACE53; */
/*
	scrollbar-3dlight-color:#223E66;
	scrollbar-arrow-color:#ffffff;
	scrollbar-base-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#223E66;
	scrollbar-face-color:#223E66;
	scrollbar-highlight-color:#223E66;
	scrollbar-shadow-color:#223E66;
*/
	overflow:scroll;
	overflow-x:auto;

	}

#tableMain { background-color: #FFFFFF; border-left:1px #FDC41B solid; border-right:1px #FDC41B solid; }

#cellHeaderLeft {  }
#cellHeaderMain {  }
#cellHeaderRight {  }

#cellMenuTop { background-color: #759BD0; }

#cellMenu1 {  }
#cellMenu1par {  }
#cellVisualMain {  }
#cellVisualLeft {  }

#cellMenu2 { text-align: right; padding-top:20px; }
#cellMain { padding-left:40px; padding-right:20px; padding-top:20px; }
#cellHiliteRight {  }

#cellFooterLeft, #cellFooterMain, #cellFooterRight { background-color: #215AAA; border-top: 2px #FDC41B solid; }

#zoneHilite1 {
	background-color: #759BD0;
	/*border-bottom: 5px #FFFFFF solid;*/
	border-top: 5px #FFFFFF solid;
	width: 195px;
	height: 125px;
	padding: 5px;
}

#zoneHilite2, #zoneHilite3 {
	background-color: #759BD0;
	/* border-bottom: 5px #FFFFFF solid; */
	border-top: 5px #FFFFFF solid;
	width: 195px;
	height: 130px;
	padding: 5px;
}

#zoneHiliteMenu1 {
	background-color: #759BD0;
	/* border-bottom: 5px #FFFFFF solid; */
	border-top: 5px #FFFFFF solid;
	margin-left: 5px;
	width: 185px;
	height: 120px;
	padding: 5px;
}

#zoneHiliteMenu1par {
	background-color: #759BD0;
	/* border-bottom: 5px #FFFFFF solid; */
	border-top: 5px #FFFFFF solid;
	margin-left: 5px;
	width: 185px;
	height: 120px;
	padding: 5px;
}

.imgBorder img { border: 1px #FDC41B solid; }

#cellHorairesJours {
	background-color: #759BD0;
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11.5px;
	text-align:center;
}

td.horairesCours {
	background-color: #FACE53;
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}

td.horairesVide {
	background-color: #EEEEEE;
}

/* MENUS ######################################################################### */

#sectionMenu1 {
	margin: 0px;
	padding: 0px;
	margin-left:5px;
	margin-right:0px;
	width: 195px;
	/* background-color: #EEEEEE; */
}

#sectionMenu1 div {border-bottom: 1px #FFFFFF solid;}

#sectionMenu1 a:link, #sectionMenu1 a:visited, #sectionMenu1 a:hover,
#sectionMenu1 a.menu1, #sectionMenu1 a.menu1:active, #sectionMenu1 a.menu1:visited, #sectionMenu1 a.menu1:hover,
#sectionMenu1 a.menu1Selected, #sectionMenu1 a.menu1Selected:active, #sectionMenu1 a.menu1Selected:visited, #sectionMenu1 a.menu1Selected:hover  {
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	color: #FFFFFF;
	display: block;
	padding: 12px 15px 12px 15px;
	height: 49px;
	/* height: 49px; pour 5 menus */
	background-color: #215AAA;
	border-right: 15px #215AAA solid;

}

#sectionMenu1 a:hover, #sectionMenu1 a.menu1:hover,
#sectionMenu1 a.menu1Selected, #sectionMenu1 a.menu1Selected:active, #sectionMenu1 a.menu1Selected:visited, #sectionMenu1 a.menu1Selected:hover  {
	border-right: 15px #FDC41B solid;
}




#sectionMenu1par {
	margin: 0px;
	padding: 0px;
	margin-left:5px;
	margin-right:0px;
	width: 195px;
	/* background-color: #EEEEEE; */
}


#sectionMenu1par div {border-bottom: 1px #FFFFFF solid;}

#sectionMenu1par a:link, #sectionMenu1par a:visited, #sectionMenu1par a:hover,
#sectionMenu1par a.menu1par, #sectionMenu1par a.menu1par:active, #sectionMenu1par a.menu1par:visited, #sectionMenu1par a.menu1par:hover,
#sectionMenu1par a.menu1parSelected, #sectionMenu1par a.menu1parSelected:active, #sectionMenu1par a.menu1parSelected:visited, #sectionMenu1par a.menu1parSelected:hover  {
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	color: #FFFFFF;
	display: block;
	padding: 12px 15px 12px 15px;
	height: 90px;
	/* height: 49px; pour 5 menus */
	background-color: #FDC41B;
	border-right: 15px #FDC41B solid;
	/*background-color: #215AAA;
	border-right: 15px #215AAA solid;*/

}

#sectionMenu1par a:hover, #sectionMenu1par a.menu1par:hover,
#sectionMenu1par a.menu1parSelected, #sectionMenu1par a.menu1parSelected:active, #sectionMenu1par a.menu1parSelected:visited, #sectionMenu1par a.menu1parSelected:hover  {
	/*border-right: 15px #FDC41B solid;*/
	border-right: 15px #215AAA solid;
}





/* _______________________________________________________________________________ */

#sectionMenu2 {
	margin: 0px;
	padding: 0px;
	margin-left:0px;
	margin-right:0px;
	/* background-color: #EEEEEE; */
}

#sectionMenu2 a:link, #sectionMenu2 a:visited, #sectionMenu2 a:hover,
#sectionMenu2 a.menu2, #sectionMenu2 a.menu2:active, #sectionMenu2 a.menu2:visited, #sectionMenu2 a.menu2:hover,
#sectionMenu2 a.menu2Selected, #sectionMenu2 a.menu2Selected:active, #sectionMenu2 a.menu2Selected:visited, #sectionMenu2 a.menu2Selected:hover  {
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 10.5px;
	font-weight:normal;
	text-align: right;
	text-decoration:none;
	text-transform:uppercase;
	color: #759BD0;
	display: block;
	padding: 0px 0px 0px 0px;
	height: 25px;

}

#sectionMenu2 a:hover, #sectionMenu2 a.menu2:hover,
#sectionMenu2 a.menu2Selected, #sectionMenu2 a.menu2Selected:active, #sectionMenu2 a.menu2Selected:visited, #sectionMenu2 a.menu2Selected:hover  {
	color: #FDC41B;
}

/* TEXT ########################################################################### */

.text, .text a:link, .text a:visited, .text a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #215AAA;
	font-size: 11.5px;
	text-decoration: none;
}

.text a:link, .text a:visited {	text-decoration: underline; }
.text a:hover {	color: #FDC41B;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textWhite, .textWhite a:link, .textWhite a:visited, .textWhite a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11.5px;
	text-decoration: none;
}

.textWhite a:link, .textWhite a:visited {	text-decoration: underline; }
.textWhite a:hover {	color: #FDC41B;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textColor, .textColor a:link, .textColor a:visited, .textColor a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FDC41B;
	font-size: 11.5px;
	text-decoration: none;
}

.textColor a:link, .text a:visited {	text-decoration: underline; }
.textColor a:hover {	color: #000000;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textSmall, .textSmall a:link, .textSmall a:visited, .textSmall a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #215AAA;
	font-size: 10px;
	text-decoration: none;
}

.textSmall a:link, .textSmall a:visited {	text-decoration: underline; }
.textSmall a:hover {	color: #000000;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textSmallColor, .textSmallColor a:link, .textSmallColor a:visited, .textSmallColor a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FDC41B;
	font-size: 10px;
	text-decoration: none;
}

.textSmallColor a:link, .textSmallColor a:visited {	text-decoration: underline; }
.textSmallColor a:hover {	color: #000000;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textWhiteSmall, .textWhiteSmall a:link, .textWhiteSmall a:visited, .textWhiteSmall a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9.5px;
	text-decoration: none;
}

.textWhiteSmall a:link, .textWhiteSmall a:visited {	text-decoration: underline; }
.textWhiteSmall a:hover {	color: #FDC41B;	text-decoration: none; }

/* TITLE ########################################################################## */

.titleColor, .titleColor a:link, .titleColor a:visited, .titleColor a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FDC41B;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	text-transform:uppercase;
}

.titleColor a:link, .titleColor a:visited { text-decoration: none; }
.titleColor a:hover { color: #000000; text-decoration: none;}

/* _______________________________________________________________________________ */

.title2, .title2 a:link, .title2 a:visited, .title2 a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	text-transform:uppercase;
}

.title2 a:link, .title2 a:visited { text-decoration: none; }
.title2 a:hover { color: #000000; text-decoration: none;}

/* _______________________________________________________________________________ */

.title3, .title3 a:link, .title3 a:visited, .title3 a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #215AAA;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
}

.title3 a:link, .title3 a:visited { text-decoration: none; }
.title3 a:hover { color: #000000; text-decoration: none;}

/* _______________________________________________________________________________ */

.titleWhite, .titleWhite a:link, .titleWhite a:visited, .titleWhite a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
}

.titleWhite a:link, .titleWhite a:visited { text-decoration: none; }
.titleWhite a:hover { color: #000000; text-decoration: none;}



/* FOOTER ######################################################################## */

.footer, .footer a:link, .footer a:visited, .footer a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
}

.footer a:hover { color: #FDC41B; }

/* FORMS ######################################################################### */

.inputText, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color:#000000;
	font-weight:normal;
	background-color: #FFFFFF;
	border:1px #DDDDDD solid;
	width: 120px;
}

.inputButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	color:#215AAA;
	background-color: #DDDDDD;
	border: 0px #215AAA solid;
	width: 150px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color:#000000;
	font-weight:normal;
	background-color: #999999;
	border:1px #FFFFFF solid;
	width: 50px;
}
 /* FVALIDATE ##################################################################### */

 .fValidator-form fieldset {
border: 1px solid #ccc;
padding: 10px;
}

.fValidator-form legend {
padding: 0 5px;
}

.full {width: 100%;}
.half {width: 50%; vertical-align: top;}

.fValidator-msg {
background-color: #c00;
font-size: 85%;
color: #fff;
padding: 5px;
}
