          * { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #333333;
}

#goog-wm {
  width: 800px;
  padding: 1em;
  border: 3px solid #aebd63;
  background-color: white;
}

#banniere {
	width:736px;
	height:65px;
	text-align:right;
	vertical-align:top;
	background-image:url(../images/source-banniere.jpg)
}

.ecole {
	width:90%;
	border:0;
}

.tof {
	float:left;
	margin:10px;
}
	
	

html, body {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*background-color: #FFFFFF;*/
	margin: 0;
}


body {
	/*
	border-top: 14px solid #FFFFFF;
	border-bottom: 14px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
	border-right: 20px solid #FFFFFF;
	*/
	background-color: #EEEEEE;
}

/**************************
100% height 3 column styles
**************************/
#mainOuter {
	background-color: #999999; 
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

#mainInner {
	background-color: #FFFFFF;
	width: 956px; 
	text-align:left;	
	border-right: #FFFFFF 20px solid; 
	border-top: #FFFFFF 14px solid; 
	border-left: #FFFFFF 20px solid; 
	border-bottom: #FFFFFF 14px solid;
	margin-right:auto;
	margin-left:auto;
}

#mainContainer {
	/*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
	min-height: 300px;
	width: 956px;
}

* html #mainContainer {
	height: 300px;
}

.outer {
	border-left: 200px solid #EAEAEA; /*** This is the width and the color for our left column ***/
	border-right: 200px solid #FFFFFF; /*** This is the width and the color for our right column ***/
	width: 556px;
	/*position:relative; top:-5px;*/
}

.outer2Col {
	border-left: 200px solid #EAEAEA;
	width: 756px;
	/*position:relative; top:-5px;*/
}

.inner {
	/*width: 100%;*/
}

/***
	div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
	div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
	blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

.float-wrap {
	float: left;
	width:100%;
	margin-left: -200px; /*** Same length as .outer border-left but with negative value ***/
}

#content {
	float: right;
	background: #FFFFFF;
	margin-right: -200px;  /*** Same length as .outer border-left but with negative value ***/
	width:100%;
}

* html #content {
	position: relative;
}

.contentWrap {
	border: 20px solid #FFFFFF;
	background-color:#FFFFFF;
}

.contentWrap2col {
	border-top: 20px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
	border-bottom: 20px solid #FFFFFF;
	background-color:#FFFFFF;
}

#leftSideBar {
	float: left;
	min-height: 600px;
	/*padding-top: 14px;*/
	border-top: 20px solid #EAEAEA;
}

* html #leftSideBar {
	position: relative;  /*** IE needs this  ***/
	height: 600px;
}

#rightSideBar {
	float: right;
	min-height: 500px;
	margin-right: -200px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
	border-top: 20px solid #FFFFFF;
}

* html #rightSideBar {
	height: 600px;
	position: relative;  /*** IE needs this  ***/
}

.clear { clear: both; }

/**************************
Header styles
**************************/
#header {
	background: #FFFFFF;
	/*height: 120px;*/
	width: 956px;
}

.headerTable {
	width: 956px;
}

.headerLink {
	font-size: 8pt;
	color: #666666;
	text-decoration:none;
}

.headerLink:hover {
	text-decoration:underline;
}

.headerLinkDivider {
	color: #666666;
}

/**************************
Footer styles
**************************/
.footer {
	position:relative; top:16px;
	text-align: left;
	font-size: 7pt;
	background:#FFFFFF url(../images/source-footer.gif) repeat-x left;
	width:956px;
	margin-bottom:2px
}

.footer .link,
.footer .link:visited,
.footer .link:hover,
.footer .link:active,
.footer .link:active:hover  {
	font-size: 7pt; 
	color: #0069A1;
}

.footer .text {
	font-size: 7pt; 
	color: #333333;
}

.disclaimer {
	font-size: 7pt; 
	color: #666666;
}

.breadcrumbs {
	height: 174px;
	width: 200px;
}

.breadcrumbs  div.title {
	padding-top:60px;
	padding-left:15px;
	padding-right:15px;
}

.breadcrumbs  a.title {
	font-size: 11pt;
	color: #FFFFFF;
	text-decoration:none;
}

.breadcrumbs  a.title:hover {
	text-decoration:underline;
}

.breadcrumbs  div.breadcrumb {
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
}

.breadcrumbs  a.breadcrumb {
	font-size: 7pt;
	color: #FFFFFF;
	text-decoration:none;
}

.breadcrumbs  a.breadcrumb:hover {
	text-decoration:underline;
}

.breadcrumbs  div.breadcrumbLast {
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	font-size: 7pt;
	color: #FFFFFF;
	text-decoration:none;
}

.divSpacer {
	height: 20px;
}

.content8pt {
	font-size:8pt;
	color: #333333;
}

.contentText {
	color: #333333;
}

.contentWhite {
	color: #FFFFFF;
}

.contactInfo {
	font-size:8pt;
	color: #333333;
}

.contactInfoBold {
	font-size:8pt;
	font-weight: bold;
	color: #333333;
}

.body_popup {
	margin:10px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	background:#FFFFFF;
}

.pageTitle {
	font-family:"Times New Roman", Times, serif;
	font-size:18pt;
	color:#7E8D4D;
}

.pageTitleBlack {
	font-family:"Times New Roman", Times, serif;
	font-size:16pt;
	color:#333333;
	font-weight: bold;
}

.infoDiv .content {
	font-size: 8pt;
	padding:10px 12px 0px 12px;
}


.infoDiv .headerText {
	background-color: #F5F5F5;
	border-bottom: 1px solid #B3B3B3;
	color: #333333;
	padding: 0px 10px 0px 12px;
	font-size: 8pt;
	height:22px;
}

.infoDiv .headerTextBold {
	background-color: #F5F5F5;
	border-bottom: 1px solid #B3B3B3;
	color: #333333;
	padding: 0px 10px 0px 12px;
	font-size: 8pt;
	font-weight: bold;
	height:22px;
}


.infoDiv .headerLink {
	background-color: #F5F5F5;
	border-bottom: 1px solid #B3B3B3;
	padding: 0px 12px 0px 10px;
	text-align:right;
}

.infoDiv .headerLink a {
	color: #0069A1;
	font-size: 7pt;
	text-decoration:none;
}


a.srch_link, a.srch_link:visited
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #0069A1;
}

.pdf {
	font-size:8pt;
	color:#7A302E;
	text-decoration:none;
}

.dbl_underline {
	border-bottom: medium double #333333;
}

.spacer {
	height: 20px;
}

.arrow21pt {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 21pt; 
	color: #333333;
}


.popupPageTitle
{
	padding-top: 8px;
	padding-left: 10px;
	font-size:12pt;
	font-weight:bold;
	color:#7E8D4D;
}

.pressRelease
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #333333;
}

.pressRelease .year
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #333333;
}

.pressRelease .yearSel
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #333333;
	font-weight: bold;
}

.pressRelease .date
{
	font-weight: bold;
}

.pressRelease .title
{
}

.pressRelease .subTitle
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #333333;
}

.pressRelease .spacer
{
	height: 10px;
}

.mediaMention
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #333333;
}

.mediaMention .bullet
{
	vertical-align: top;
}

.mediaMention .date
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold;
	color: #333333;
}

.mediaMention .title
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold;
	color: #333333;
}

.mediaMention .publication
{
	font-style: italic;
	font-weight: bold;
}

.mediaMention .spacer
{
	height: 20px;
}

.hpLink
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #7FB3D3;
	text-decoration: none;
}

.hpLink:hover, homeLink:visited:hover
{
	text-decoration: underline;
}

/*************************************
Home Page menu button and tab styles
*************************************/
.hpBtnSection
{
	width: 736px;
	height: 250px;
}

td.hpBtnContent
{
	width: 536px;
	vertical-align: top;
}

.hpBtnLinks
{
	width: 200px;
	height: 250px;
}

.hpBtnLink62 
{
    height: 62px;
}

.hpBtnLink63 
{
    height: 63px;
}

td.hpBtnLink-information
{
	text-align: center;
	padding-left:12px;
	padding-right:12px;
	background-image: url(../images/source-btn-1.jpg);
}

td.hpBtnLink-formation
{
	text-align: center;
	padding-left:12px;
	padding-right:12px;
	background-image: url(../images/source-btn-2.jpg);
}

td.hpBtnLink-orientation
{
	text-align: center;
	padding-left:12px;
	padding-right:12px;
	background-image: url(../images/source-btn-3.jpg);
}

td.hpBtnLink-verification
{
	text-align: center;
	padding-left:12px;
	padding-right:12px;
	background-image: url(../images/source-btn-4.jpg);
}

td.hpBtnLink
{
	color: #7FB3D3;
}

td.hpBtnLinkActive
{
	color: #CFA15A;
}

a.hpBtnLink, a.hpBtnLinkActive
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 	
	text-decoration: none;
}

a.hpBtnLink:hover, a.hpBtnLinkActive:hover
{
	text-decoration: underline;
	margin-left:5px;
}

a.hpBtnLink
{
	color: #7FB3D3;
}

a.hpBtnLinkActive
{
	color: #CFA15A;
}

.hpBtnLink2
{
	height: 82px;
	border-top: 1px solid #215A80;
	border-bottom: 1px solid #215A80;
	padding-left:12px;
	padding-right:12px;
}

.hpTabMenuTbl
{
	width: 736px;
	height: 28px;
}


td.hpTabMenuStart
{
	width:12px; 
	background:#FFFFFF url(../images/source-tabInactive.gif) repeat-x left;
}

td.hpTabMenuActive
{
	text-align:center;
	background:#FFFFFF url(../images/source-tabActive.gif) repeat-x left;
	border-left:1px solid #B3B3B3; 
	border-top:1px solid #B3B3B3;
	border-right:1px solid #B3B3B3;
	color: #00691A;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 9pt; 	
}

a.hpTabMenuActive
{
	color: #0069A1;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 9pt; 	
	display:block; 
	text-decoration: none;
}

.hpTabMenuDividerActive
{
	width:1px; 
	background:#FFFFFF url(../images/source-tabInactive.gif)
}

td.hpTabMenu
{
	text-align:center; 
	background:#FFFFFF url(../images/source-tabInactive.gif) repeat-x left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	color:#454545;
}

a.hpTabMenu
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color:#454545;	
	display:block; 
	text-decoration: none;
}

a.hpTabMenu:hover
{
	text-decoration: underline;
}

#error 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}#mainOuter #mainInner #mainContainer .outer2Col .inner .float-wrap #leftSideBar .contactInfo .contactInfo {
	font-weight: bold;
}
