body
{margin:0;padding:0;background:#ffffff;color:#000;} /* #dadada*/

body, td, th, textarea, select, h2, h3, h4, h5, h6
{font: 12px/1.25em arial, sans-serif;}

p
{margin:12px 0;}

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

a:visited
{color:#5c7996;}

a:hover
{color:#CC00FF;}

a:focus
{outline:none;}

/* generic */
.clear
{clear:both;}

.AlignCenter
{text-align:center;}

.Hidden
{display:none;}

.Inline
{display:inline;}

.Wsnr
{white-space:nowrap;}

.VerticalBar
{color:#dadada;}

/* common header links with raquo */
.HeadLnk a
{color:#000;}
.HeadLnk a:hover
{color:#000;}
.HeadLnk a:visited
{color:#000;}
.HeadLnk a span
{color:#004276;}
.HeadLnk a:hover span
{color:#ca0002;}

.HeaderLnk a span
{color:#000;}
.HeaderLnk a:visited span
{color:#000;}
.HeaderLnk a:hover span
{color:#008080;}

h1
{font-size:30px;line-height:1.25em;margin:18px;}

ul
{margin-top:0;}


/* common margins */
.Mar9Left{margin-left:9px;}
.Mar9Right{margin-right:9px;}
.Mar14TB18LR{margin:14px 18px;}

.14pxTxt
{font-size:14px;}


/* columns */

#LeftCol,
#RightCol
{float:left;}


/* header 
=================================================================================== */
div#Header
{font-family:Arial,sans-serif;background:#ffffff;border-bottom:6px solid #c00;width:auto;margin-bottom:12px;height:125px;}

* html div#Header
{width: expression(document.documentElement.clientWidth < 1002? "600px": "auto" );}

div.HeaderContent 
{background:#ffffff;text-align:left;margin:0 auto;}

/* header navigation */
.NavStretch
{border-width:1px 0;position:absolute;top:81px;left:145px;width:840;border-style:solid;border-color:#ffffff;} /*Gives the delimiter line *e6e6e6*/

.HeaderNav
{height:27px;min-width:870px;width:auto;margin:0 auto;} /* Gives the width of it all*/

.HeaderNav li
{font-weight:bold;font-size: 12px;}

.HeaderNav li a,
.HeaderNav li a:visited
{color:#003366;text-decoration:none;line-height:25px;} /* This is where the text color is affected *text-transform:uppercase;  ca0002*/  

.HeaderNav li a:hover
{color:#fff;background:#9999CC;} /* Gives the hover bgcolor #ca0002*/

.HeaderNav li a.CurPage
{color:#fff;background:#666699;} /* Gives the current page bgcolor #ca0002*/
.HeaderNav li a.CurPage:visited
{color:#fff;}

.HeaderNav ul.UtilityNavigation,
.HeaderNav ul.Navigation
{margin:0;padding:0;list-style:none;position:absolute;white-space:nowrap;}  

.HeaderNav ul.Navigation
{left:0;}

.HeaderNav ul.Navigation li
{float:left;border-width:0 1px 0 0;border-style:solid;border-color:#dadada;} /* Gives vertical separator color #e6e6e6*/

.HeaderNav ul.Navigation li a
{padding:0 6px;width:auto;height:25px;margin:1px;display:block;vertical-align:middle}

* html .HeaderNav ul.Navigation li a
{width:25px;}

/*
.HeaderNav ul.Navigation li.offsite
{background:#ffffcc 50% 100% no-repeat;} /*fff

.HeaderNav ul.Navigation li.offsite a
{color:#7b7b7b;}

.HeaderNav ul.Navigation li.offsite a:hover
{color:#ca0002;background:transparent;}
*/

.HeaderNav ul.Navigation li.NavLeft
{width:9px;height:27px;}

/* ie6 navigation (11px Arial)
========================================= */
* html .HeaderNav li
{font-size:11px;}

* html .HeaderNav ul.Navigation li a
{padding:0 4px 0 5px;}

* html .HeaderNav ul.UtilityNavigation li a
{padding:0 12px 0 7px;}

/* footer rules
=================================================================================== */

#Footer .FooterBox 
{margin:12px 9px;}
#Footer .GFooterBoxLinksTop
{padding-top:11px;text-align:center;color:#aaa;font-size:10px;}
#Footer .GFooterBoxLinksBot
{padding-top:8px;padding-bottom:18px;text-align:center;border-bottom:1px solid #dadada;color:#aaa;font-size:10px;}
#Footer .GFooterBoxSearch
{padding:12px 0;text-align:center;}

/* footer search form */
#Footer .GFooterBoxSearch form
{display:inline;margin:0;padding:0;}
#Footer .GFooterBoxSearch input,
#Footer .GFooterBoxSearch img
{vertical-align:middle;margin-right:4px;}
#Footer .GFooterBoxSearch input.GFooterSearchField
{width:435px;height:15px;font-size:11px; font-weight:bold;padding:3px 0px 0px 3px; background-color:#ffffff; border:2px solid #646464; border-right-color:#d9d9d9; border-bottom-color:#d9d9d9;}
#Footer .GFooterBoxSearch input.GFooterSearchBtn
{margin-bottom:2px;}

.FooterSub
{font-size:10px;margin:0 9px 56px 9px;color:#727272;}
.FooterSub .FootRight
{float:right;text-align:right;}

.Crumb
{position:absolute;left:0;bottom:0;}

/* end footer rules
=================================================================================== */

/* content header
=================================================================================== */
.ContentHeader
{padding:5px 18px 9px 18px;border-bottom:1px solid #dfdfdf;}
.ContentHeader .Date
{font-size:11px;font-weight:bold;line-height:14px;color:#949494;float:left;}
.ContentHeader .CHLnks
{font-size:11px;font-weight:bold;line-height:14px;color:#ccc;float:right;}

/* end content header
=================================================================================== */
.imageRiveSon-1 {
  position: absolute; 
	top: 0%;
	left: 0px;
	height: 430px;
	width: 124px;
	margin: 0px;	
}
.imageRiveSon-2 {
  position:absolute;
  top: 0px;
  left: 124px;	
	height: 81px;
	width: 656px;
	margin: 0px;	
}

.imageTextSurround {
  margin: 8px;	
}

.textBigTitle {
	font-family: Verdana, Arial, Helvetica;
	font-size: 16pt;
	/*font-weight: bold;*/	
	color:#FF3333;	
	text-align: center;	
}

.textBigTitleSmaller {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14pt;
	/*font-weight: bold;*/	
	color:#CC00FF;	
	text-align: center;	
}

.textMediumTitle {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	/*font-weight: bold;*/	
	color:#003366;
	text-align: center;
}

.textTitle {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	text-align: justify;
	color:#FF3333;      
}

.textDialogue {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	text-align: justify;
	color:#666699;	
}

.textDialogue2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;	
	text-align: justify;
	color:#666699;	
}

.textError {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color:#FF0000;	
}
.textePresentation {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	color:#666699;
	text-align: justify;
	position: absolute;
	left: 160px;
	top: 120px;
	overflow: visible;
	width: 50%;
	height: 50%;	
	background-image: none;
	background-color: #FFFFFF;	
	text-indent: 2px;
	padding: 15px 0px 0px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.newsFrame {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11pt;
	color:#666699;
	text-align: justify;
	position: absolute;
	left: 620px;
	top: 140px;
	overflow:visible;
	width: 440px;
	height: 500px;
	background-image: none;
	background-color: #ffffff;	
	text-indent: 2px;
	padding: 15px 0px 0px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*border: 2px solid grey;*/
}

.titreAccueil {
	font-family: Verdana, Arial, Helvetica;
	position: absolute;
	left: 170px;
	top: 120px;	
}

.contenu {
	font-family: Verdana, Arial, Helvetica;
	font-size: 1.2em;
	text-align: justify;
	position: absolute;
	left: 140px;
	top: 200px;
	overflow: visible;
	width: 480px;
	height: 620px;
	background-image: none;
	background-color: #ffffff;	
	text-indent: 2px;
	padding: 15px 0px 0px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*border: 2px solid grey;*/
}
 
.contenu2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	color:#666699;
	text-align: justify;
	position: absolute;
	left: 170px;
	top: 120px;
	overflow: visible;
	width: 680px;
	height: 620px;
	background-image: none;
	background-color: #ffffff;	
	text-indent: 2px;
	padding: 15px 0px 0px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*border: 2px solid grey;*/
}


.VideoBox {
	overflow:auto;  
	position: relative;
	left: 620px;
	top: 160px;	
	width: 354px;
	height: 480px;	
	background-image: none;
	background-color: #ffffff;	
	padding: 10px 0px 0px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*border: 2px solid grey;*/
}

.VideoInstance {
       margin-top:0px;  
	font-family: Verdana, Arial;		
	position: relative;
	background-color: #FFFFFF;
       left: 4px;
	height: 120px;
	width: 94%;
	padding-left: 2px;
	padding-top: 0px;
}

.VieoImage {
	position: absolute;
	left: 5px;
	top: 10px;
       bottom: 10px;		
	width: 130px;
	height: 98px;	
	background-image: none;
	background-color: #FFFFFF;	
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 4px;
	margin-bottom: 2px;
}

.VideoPresentation {
	top: 10px;	
	bottom: 10px;
	left: 140px;
	position: absolute;	
	background-image: none;
	background-color: #FFFFFF;
	height: 80%;
	width: 180px;	
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}


.newsBox {
      overflow:scroll;
      font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	color:#666699;
	position: relative;
	left: 5px;
	top: 5px;
	/*overflow: visible;*/
	width: 360px;
       height: 500px;	
	background-image: none;
	background-color: #ffffff;	
	text-indent: 2px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*border: 2px solid grey;*/
}