/* CLF 2.0 TEMPLATE VERSION 1.03 | VERSION 1.03 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
/*	background-color: #242;  */
	background-color: #96ccb2;
}
div.colLayout {
	background: #FFF url(../images/colayout_background.jpg) left repeat;
	height: 100%;
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 20px;
}

div.cwm img {
	padding-top: 0px;
}

/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	color: #FFF;
	background: #FFF url(../images/bbg-eng.jpg) no-repeat top left;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: #FFF url(../images/bbg-eng.jpg) no-repeat top left;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: #FFF url(../images/bbg-fra.jpg) no-repeat top left;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION 
p.breadcrumb-fontsize85, p.breadcrumb-fontsize85, p.breadcrumb-fontsize85 a {
	padding: 1px 0px 1px 3px; 
	font-size: 8.5pt;
	clear: both;
	margin: 0;
	height: 1.56em;
}

p.breadcrumb-fontsize85-2lines, p.breadcrumb-fontsize85-2lines a  {
	padding: 1px 0px 0px 3px; 
	vertical-align: middle;
	font-size: 8.5pt;
	clear: both;
	margin: 0;
	height: 3em;
}
p.breadcrumb-2lines {
	padding: 1px 0px 0px 3px; 
	font-size: 9.0pt;
	clear: both;
	margin: 0;
	height: 2.9em;
}
p.breadcrumb-fontsize85-3lines {
	padding: 1px 0px 0px 3px; 
	font-size: 8.5pt;
	clear: both;
	margin: 0;
	height: 4em;
}
p.breadcrumb-3lines {
	padding: 1px 0px 0px 3px; 
	font-size: 9.0pt;
	clear: both;
	margin: 0;
	height: 4em;
}

/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
div.page div.core div.navaid a:hover,
div.page div.core div.navaid a:active,
div.page div.core div.navaid a:focus {
	color: #000;
	background-color: #CC9;
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */

/* Custom  H1  Banners */
div.center h1.ecoenergy{ /* Original 
	background: #FFF url(../images/eenergy-center.jpg) no-repeat top left;*/
	background: #FFF url(../images/h1-eenergy.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

div.center h1.eagriculture{
	background: #FFF url(../images/h1-eagriculture.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

div.center h1.ebio{
	background: #FFF url(../images/h1-ebio.jpg) no-repeat top left;
	height: 55px;/*35px;*/
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

div.center h1.echemicals{
	background: #FFF url(../images/h1-echemicals.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

/* not used currently
div.center h1.echemicals2{
	background: #FFF url(../images/h1-echemicals2.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}
*/

div.center h1.eenergy{
	background: #FFF url(../images/h1-eenergy.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

div.center h1.eenergy2{
	background: #FFF url(../images/h1-eenergy2.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

div.center h1.etransport{
	background: #FFF url(../images/h1-etransport.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

div.center h1.etrust1{
	background: #FFF url(../images/h1-etrust1.jpg) no-repeat top left;
	height:95px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

div.center h1.etrust2{
	background: #FFF url(../images/h1-etrust2.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

div.center h1.eturning{
	background: #FFF url(../images/h1-eturning.jpg) no-repeat top left;
	height:35px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #242;	
}

h2.nav {
	background-color: #364;
	color: #FFF;
	text-decoration: none;
	border-top: 2px solid #ACA;/*----*/
	border-bottom: 1px solid #DED;
	padding-top: 2px;
	padding-bottom: 2px;

}

h2.nav.lineheight115em {
	line-height: 1.15em;
}

h2.firsth2{
	border-top: 2px solid #BDB;
}
h2.nav, h2.nav a:link, h2.nav a:visited {
	color: #FFF;	
	text-decoration: none;		
	display : block;	
}
h2.nav a:hover {
	text-decoration: underline;
}
div.right li ul.nav {
	border: 1px solid #000;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px dashed #696;
	margin-bottom: 0px;
	font-weight : 500;
	padding: 0px;
	letter-spacing: 0px;
	line-height: 1.15em;
}
div.left li.menucontent-last, div.left div.menucontent-last {
	border-bottom: 1px solid #8CA;
	margin-bottom: 0px;
	font-weight : 500;
	padding: 0px;
	letter-spacing: 0px;
	line-height: 1.15em;
}

div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #000;
/*	background-color: #DED;   color changed July25  */ 
	background-color: #E7FCEF;
}
div.left li.on, div.left a.on {
	color: #FFF;/*C10*/
	background-color:  #696;
}
div.left a.menulink {	
	display : block;	
	padding: 5px 3px 5px 5px;	 /*--------------- */
}

div.left a.menulink:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #696;
}
div.left ul.nav2{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #ACA;	
}
div.left ul.nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
}
div.left li.menucontent-sub, div.left div.menucontent-sub, div.left a.menulink-sub {
	color: #242;
/*	background-color: #FFE; /* - originally it was this off-white color - */	
   background-color: #FFF; /* - now the sub-menu color is white - */
	font-weight : 500;
}
div.left li.menucontent-sub {	
	/*border-right: 1px solid #DED; ---------- */
	border-bottom: 1px dashed #BCB;
}
div.left li.menucontent-sub-last {	
	/*border-right: 1px solid #DED; ---------- */
	border-bottom: 1px dashed #FFE;
}
a.menulink-sub {
	display:block;
	padding: 3px 2px 3px 12px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}
li.menucontent-sub {
	font-size: 9.0pt;
	vertical-align: middle;
}
div.left .menulink-sub:hover {
	background-color: #696;
	color: #FFF;
	font-weight: normal;
	/* -------- 
	text-decoration: none;
	letter-spacing : -.25pt;*/
}



#sideimage{
	background: #364 url(../images/side_image.jpg) no-repeat top left;
	height: 345px;
	width: 150px;  
	margin-left: auto;
	margin-right: auto;
}

div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #FFF;
}
div.right h2.nav {
	border-bottom: 1px solid #364;
}

div.right ul.nav {
	margin-bottom: 0px;
}
.plain {
	color: #039;
	text-decoration: none;
}
div.right li ul.nav {
	border: 1px solid #696;
}
div.right li.menucontent{
	padding: 0px;
	color: #000;
/*	background-color: #DED;   color changed July25  */ 
	background-color: #E7FCEF;
	border-bottom: 1px dashed #696; 
	letter-spacing: 1px;
	font-weight : 500;
	line-height: 1.15em;
}
div.right li.menucontent-last{
	padding: 0px;
	color: #000;
	background-color: #DED;
	border-bottom: 1px dashed #DED; 
	letter-spacing: 1px;
	font-weight : 500;
	line-height: 1.15em;
}
div.right a.menulink {
	padding: 4px 3px 4px 8px;
	color: #000;
/*	background-color: #DED;   color changed July25  */ 
	background-color: #E7FCEF;
	display : block;
}
div.right a.menulink:hover {
	text-decoration: none;
	background-color: #696;
	color: #FFF;
}

div.right ul li.menucontentvid{
	color: #000;
/*	background-color: #DED;   color changed July25  */ 
	background-color: #E7FCEF;
	border-bottom: 1px dashed #696; 
	padding: 3px 2px 3px 4px;
}
div.right ul li.menucontentvid-last{
	color: #000;
/*	background-color: #DED;   color changed July25  */ 
	background-color: #E7FCEF;
	border-bottom: 1px dashed #DED; 
	padding: 0px 2px 3px 4px;
}

div.right a.menulink {
	color: #000;
	background-color: #FFF;
}
.headdate { 
	color:#069; 
	font-weight: normal;
	font-size: 9.0pt;
	margin-top: 0px; 
	margin-bottom: 0px;
}
.headdate-video { 
	color:#242; 
	font-weight: 700;
	font-size: 8.0pt;
}
.green242 { 
	color:#242;
}

.green696 { 
	color:#696;
}

.green296034{ 
	color:#296034;
}
div.prodis {
	background-color: #696;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */

/*--------------------  CUSTOM --------------------------*/
div.center h1, h2 { 
	color: #296034;
}

div.center h3, h4, h5, h6 {
	color: #000;
}

/*
div.center h1, h2, h3, h4, h5, h6 {    ***** Here is why the Headers were BLACK
	color: #000;
}
*/

div.center h2 {font-weight:normal}

div.center h3 {font-weight:normal}

div.center a:link {
	color: #039;
}
div.center a:link {
	color: #039;
}
div.center a:visited {
	color: #663;
}

div.center h1.newstoryheader {
	color:#475; 
	font-size: 14.0pt;  

}
div.center h1.newstoryheader a {
	color:#475; 
	font-size: 14.0pt; 
	text-decoration: none;
}

div.center h1.newstoryheader a:visited {
	color:#475; 
	text-decoration: none;
}

div.center h1.newstoryheader a:hover {
	color:#475; 
	text-decoration: underline;

}
div.center h2.newstoryheader {
	color:#475; 
	font-size: 12.0pt;  
	font-weight: 700;
	margin: 10px 0px 10px 0px;

}
div.center h2.newstoryheader a {
	color:#475;
	font-size: 12.0pt;  
	font-weight: 700;
	text-decoration: none;
	margin: 10px 0px 10px 0px;
}
div.center h2.newstoryheader a:visited {
	color:#475; 
	text-decoration: none;
}
div.center h2.newstoryheader a:hover {
	color:#475; 
	text-decoration: underline;
}
div.center div.whatsnew-div{
	margin: 20px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-top: 1px dashed #696;
	/*clear : both;*/
}
div.center h2.whatsnew img.image-left { 
	float: left;
	vertical-align: text-top; 
	padding-right: 5px;  
	padding-top: 14px; 
}
div.center h2.whatsnew {
	color:#475; 
	font-size: 12.0pt;  
	font-weight: 700;
	margin: 10px 0px 10px 0px;
}
div.center h2.whatsnew a:visited {
	color:#475; 
	text-decoration: none;
}
div.center h2.whatsnew a:hover {
	color:#475; 
	text-decoration: underline;
}
div.center h2.whatsnew a {
	color:#475;
	font-size: 12.0pt;  
	font-weight: 700;
	text-decoration: none;
	margin: 10px 0px 10px 0px;
}
p.below-headdate {
	margin-top: 5px;
}

div.blackborder {
	border: solid #000 1px;
}
div.greenborder {
	border: solid #ABA 1px;/*586*//*696*/
	padding: 5px;
}

div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
#center h1, h2, h3, h4, h5, h6 {
	color: #296034;
}

div.footer div.footerline {
	background-color: #346545;
}
div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: #039;
	background-color: #FFF;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */


/*--------------------  CUSTOMIZATIONS --------------------------*/

.div-toc { margin-top: -15px;  text-align:center; }
.div-next { margin-top: -15px;  text-align:right; }


.text-bold { font-weight: bold; }

.text-bold-red { color:#F00000; font-weight: bold; }

.text-bold-green { color:#296034; font-weight: bold; }

.text-bold-gray { color:#CCCCCC; font-weight: bold; }

.text-bold-blue { color:#069; font-weight: bold; }

.text-ital { font-style:italic; }

.text-ital-bold { font-style:italic; font-weight: bold; }

.text-indent {	margin-left:	30px;	}

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

.text-right { text-align:right; }

.menucontent2{
	font-size: 8.0pt;
	color: #000;
	background-color: #BEE3C1; /*#CEB;*/
	border-bottom: 1px solid #fff; 
	letter-spacing: 0px;
	padding: 2px 3px 2px 8px;
	/*line-height:15px;*/
}

th.greenBGlite-blacktext {
	background-color: #BEE3C1; /*#009933;*/
	color: #000;
}

.dirindent { margin-left:	30px; }
.dirindent2 { margin-left:	60px; }
.dirindent3 { margin-left:	100px; }
.videobox { background-color: #CEB; text-align:center; }
.videodiv { background-image:url(../ecoenergy-ecoenergie/images/player_still.gif); width:180px; height:165px;z-index:1;" }
.videoplayer { background-color: none; }
.stillimage { position: relative; z-index:+2; top:-165px; }
.12point { font-size: 12.0pt; }
div.tablecontainer {display: table;}
div.row  {margin: 0; padding: 0; border: 0;}
div.cols1 {float: left; width: 35%; margin: 0 3px 0 0; padding: 0;}
div cols2 {float: right; width: 35%; margin: 0 3px 0 0; padding: 0;}
div.bx {float: left; margin: 0 3px 0 0; padding: 0;}
div.tablecell100   {display: table-cell; width: 100px;}
div.tablecell400   {display: table-cell; float: left; width: 400px;}
div.tablecell500   {display: table-cell; float: left; width: 500px;}

.superscript, .superscript { vertical-align: super;}
.subscript { vertical-align:text-bottom; }
.formsearch { padding:0px 0px 0px 0px; }
.searchbutton { margin-top: +10px;}
.indenti { padding-left: +3px;}
.indentii { padding-left: +5px;}


.text-small     { font-size:smaller;}
.text-small-red { font-size:smaller; color:#CC0000;}

.strong          { font-weight: bold; }
.margin-top-0    { margin-top:0px}
.margin-bottom-0 { margin-bottom:0px}
.margin-left-5	{margin-left: 5px}

td.cell-blue     {background-color:#00FFFF; }
td.cell-magenta  {background-color:#FF00FF; }
td.cell-green    {background-color:#99FFCC; /*:#66FFCC;*/ }
td.cell-yellow   {background-color:#FFFF00; }

/*
hr.hr-eco { height:1px;background-color:#296034;border:1px solid #296034;}
div.hr-top{ margin-left: 30px; border-top:1px solid #296034;}
div.hr-bot{ margin-left: 30px; border-bottom:1px solid #296034;}
*/
h2.line1 { line-height:35px;}

.image-right-valign-middle {
	float: right;
	vertical-align:bottom;
	/*vertical-align: middle;*/
}