/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #EEE;
	
}

div.colLayout {
	background-color: #FFF;
	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.bannerFlash, div.banner {
	position: static;
	padding: 0;
	margin: 0;
	width: 760px;
	margin-top: 40px;
	min-height: 80px;
	_height: 80px;
}

div.banner  {
	background: url("../images/trade_noleaf.jpg") #FFF no-repeat center center;
}

div.banner div.leaf, div.bannerFlash div.leaf{
	position: absolute;
	margin-left: 347px;
	z-index: 1;
	top: 35px;
}

div.banner div.leaf img, div.bannerFlash div.leaf img {
	height: 65px;
	width: 65px;
}
div.banner div.alttext, div.bannerFlash div.alttext {
	position: relative;
	margin: -50px 167px 0 167px;
	_margin: -53px 167px -3px 167px;
	width: 450px;
    z-index: 1;
}

div.banner div.content, div.bannerFlash div.content {
	position: relative;
	width: 760px;
	height: 80px;
	vertical-align: top;
}
div.banner div.alttext p, div.bannerFlash div.alttext p {
    text-align: center;
    padding: 0;
    margin: 0;
}
div.banner div.alttext p.main, div.bannerFlash div.alttext p.main {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
   	font-size: 140%;
}

div.banner-eng, div.banner-lfcoa-eng {
	background: url("../images/common_topBanner_new3.jpg") #FFF no-repeat center center;
	color: #FFF;
}

div.banner-fra, div.banner-lfcoa-fra {
	background: url("../images/common_topBanner_new3.jpg") #FFF no-repeat center center;
	color: #FFF;
	/*background: url() #FFF no-repeat center center;*/
}


div.banner-eng p.main, div.bannerFlash div.banner-eng p.main {
	font-family: "times new roman", sans-serif;
	color: #FFF;
	font-weight: bold; 
	font-size: 17.5pt;
	margin: 0;
	padding: 0;
}

div.banner-eng p.main2, div.bannerFlash div.banner-eng p.main2 {
	font-family: "times new roman", sans-serif;
	color: #FFF;
	font-weight: bold; 
	font-size: 17.5pt;
	margin: 0;
	padding: 0;
}

div.banner div.alttext p.siteuri, div.bannerFlash div.alttext p.siteuri {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
img.lfFlash {
	margin: 0;
	padding: 0;
}

img.lf {
	margin: -1;
	padding: 0;
}

div.banner-eng p.siteuri {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: transparent;
	font-weight: lighter;
	font-size: 10.5pt;
	margin: 0;
	padding: 0;
}



div.banner-fra p.main {
	font-family: "times new roman", sans-serif;
	color: #FFF;
	font-weight: bold; 
	font-size: 17.5pt;
	margin: 0;
	padding: 0;
}

div.banner-fra p.main2 {
	font-family: "times new roman", sans-serif;
	color: #FFF;
	font-weight: bold; 
	font-size: 17.5pt;
	margin: 0;
	padding: 0;
}


div.banner-fra p.siteuri {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: transparent;
	font-weight: lighter;
	font-size: 10.5pt;
	margin: 0;
	padding: 0;
}

iframe.ifrBanner {
	width: 760px;
	height: 80px;
	margin-bottom: -3px;
	margin-top: -3px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	
}

/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* 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: 300px;
	padding-left: 180px;
}
*:first-child+html div.page div.core div.navaid {
	width: 300px;
	padding-left: 180px;
}
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 */

h2.nav
{
	border-bottom: 1px solid #DDD;	
	
}

h2.nav, h2.nav a:link, h2.nav a:visited {
	background-color: #255282;
	color: #FFF;
	text-decoration: none;
	font-size:100%;
	
}

h2.ieinav
{
	border-bottom: 1px solid #DDD;	
	
}

h2.ieinav, h2.ieinav a:link, h2.ieinav a:visited {
	background-color: #CC0033;
	color: #FFF;
	text-decoration: none;
	font-size:93%;
	
}

h2.nav a:hover, h2.ieinav a:hover {
	text-decoration: underline;
	
}

div.right li ul.nav {
	border: 1px solid #ddd;
	
}

div.right {

	background-color: #DDD;
	overflow:hidden;
	max-width: 200px;
	
}




h2.navblue {
	background-color: #1100BB;
	color: #FFF;
	text-decoration: none;
	font-size:12px;
}


h2.nav2, h2.nav2 a:link, h2.nav2 a:visited {
	background-color: #CC0033;
	color: #FFF;
	text-decoration: none;
	font-size:93%;
	margin-bottom:2px;
	line-height:1.7em;
	padding:5px;
	text-indent:0px;
}
h2.nav2 a:hover {
	text-decoration: underline;
	margin-bottom:2px;
}

h2.navgrey, h2.navgrey a:link, h2.navgrey a:visited {
	background-color: #777788;
	color: #FFF;
	text-decoration: none;
	font-size:93%;
	margin-bottom:2px;
	line-height:1.7em;
	/*padding-top:5px;*/
	padding-left:5px;
	padding-right:5px;
	text-indent:-5px;
	margin-top:0px;
}
h2.navgrey a:hover {
	text-decoration: underline;
	margin-bottom:2px;
}


/* Emmergency Class */



h2.emmr, h2.emmr a:link, h2.emmr a:visited {
	background-color: #FFFF33;
	color: #000;
	text-decoration: none;
	font-size:93%;
	line-height:1.6em;
	padding-left:3px;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	text-indent:-5px;
	margin-bottom:1px;
	


}

h2.emmr a:hover {
	text-decoration: underline;
	margin-bottom:1px;
	
}

/* 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 dotted #AAA;
	
	
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #000;
	background-color: #CCC;
	font-size:0.95em;
	
}

div.left {

	overflow:hidden;
	
	
}



div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #DDD;
}
div.right a.menulink {
	color: #000;
	background-color: #DDD;
	overflow:hidden;
	

}

div.right a.nav {
	color: #FFF;
	background-color: #DD0033;
	overflow:hidden;
	

}

li.clsSeparator
{
	background-color: #CCC;
	line-height:0.3em;
	
}


h6.right
{

	padding:5px;
	font-size: small;
	font-weight:normal;
}

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

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

p {
	/*font-size: 85%;*/
	font-size: 100%;
}

div.center 
{
	 /*background:#EEE;*/
	 background-color: #FFF;
	 /*background-color: #EEE;*/
	
}

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

}

div.center h1 {
/*font-size:130%;*/
font-size:170%;
}


div.center a:link {
	color: #039;

}
div.center a:visited {
	color: #5F6178;
}
div.blackborder {
	/*border: 1px solid #CCC;*/
	/*border: 0px;*/
	border: 1px #CCC;
    background-color:#FFFFFF;
	
	
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0;
	clear: left;
    visibility: hidden;
}


.blackborder {display: inline-block;}

/* Hides from IE-mac \*/
* html .blackborder {height: 1%;}
.blackborder {display: block;}
/* End hide from IE-mac */




/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #CCC;
}
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;
}

.clsBreadcrumb
{

/*	background: #EEE;*/
	background-color: #FFF;
}

.clsBreadcrumb a
{
	
	color:#000;	
	
}	
.clsBreadcrumb a:link {
	color: #5F6178;
}
.clsBreadcrumb a:visited {
	color: #5F6178;
}

/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* IEI STYLES THAT SHOULD EVENTUALLY BE REMOVED ONCE CONTENT IS CLEANED UP */

td.lrgbold {  font-size: 15px; vertical-align : top ; font-weight: bold; }
td.error {  font-size: 11px; vertical-align : top ; font-weight: bold;  }
td.med {  font-size: 17px; vertical-align : top ; font-weight: bold;  }
td.subMed {  font-size: 13px; vertical-align : top ; font-weight: bold; }   
td.subsubMed { font-size: 11px; vertical-align : top ; font-weight: bold; }   
td.sml {  font-size: 10px; vertical-align : top ; }
.med {  font-size: 17px; vertical-align : top ; font-weight: bold; }
.subMed { font-size: 13px; vertical-align : top ; font-weight: bold;  }     
.subsubMed {  font-size: 11px; vertical-align : top ; font-weight: bold; }  


@charset "utf-8";
/*!
 * CSS presentation layer v1.3a9d / Couche présentation de CSS v1.3a9d
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * Terms and conditions of use: http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Terms
 * Conditions régissant l'utilisation : http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Conditions
 */
 
/** Screen and print CSS **/
@media screen,print {

	
	/* Hide non-visual elements / Cacher les éléments non-visuel */
	.cn-invisible, .cn-show-onfocus, #cn-skip-head a, #cn-skip-head a:link, #cn-skip-head a:visited, #cn-left-col h2, #cn-right-col h2, #cn-foot h2 {position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; overflow: hidden !important; margin: 0 !important;}
	.cn-show-onfocus:focus, .cn-show-onfocus:active, #cn-skip-head a:focus, #cn-skip-head a:active {position: static; clip: auto; height: inherit !important; width: inherit !important; overflow: inherit !important; margin: inherit !important;}
	.cn-show-onhover {opacity: 0;}
	.cn-show-onhover:hover, .cn-show-onhover:focus, .cn-show-onhover:active {opacity: 1;}
	
	#cn-centre-col-gap, #cn-left-col-gap, #cn-right-col-gap {display: none;}
}

/** Screen-only CSS **/
@media screen {

	/* Skip header / Début de l'en-tête */
	#cn-skip-head {height: 0; float: left;}
	#cn-skip-head ul {list-style-type: none; margin-top: -1.8em;}
	#cn-skip-head li {position: absolute; top: 0; width: auto; z-index: 3;}
	#cn-skip-head #cn-sh-link-1 {right: 50%;}
	#cn-skip-head #cn-sh-link-2 {left: 50%;}
	#cn-skip-head a {padding: 5px; display: inline-block; width: 100%;}
	#cn-skip-head a, #cn-skip-head a:link, #cn-skip-head a:visited {color: #FFF; background-color: transparent; font-weight: bold;}
	#cn-skip-head a:hover, #cn-skip-head a:focus, #cn-skip-head a:active {background-color: #000; text-decoration: none; color: #FFF;}

	/* Link description / Description de lien */
	a.cn-linkdesc {position: relative; z-index: 24;}
	a.cn-linkdesc:hover, a.cn-linkdesc:focus, a.cn-linkdesc:active {z-index: 25; outline: 0; text-decoration: none;}
	a.cn-linkdesc span span {position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; overflow: hidden !important;}
	a.cn-linkdesc:hover span span, a.cn-linkdesc:focus span span, a.cn-linkdesc:active span span {clip: auto; height: auto !important; width: auto !important; overflow: visible !important; top: 2em; left: 2.2em; white-space: nowrap; border: 1px solid InfoText; background: InfoBackground; color: InfoText; font: message-box; font-size: 0.85em; padding: 2px 4px; text-align: left;}
}

/** Print-only CSS **/
@media print {
	#cn-skip-head, a.cn-linkdesc span span {display: none;}
}