/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
}
a:active, a:focus {
	cursor: auto;
}
* html body {
	text-align: center;
}
body, p, li, div, span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
body, p, blockquote, table, td, th, li, a, ul, ol, dd, dl, dt,
form, button, fieldset, label, select, option, input, textarea {
	font-size: 10.0pt;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
}
code, code span {
	font-size: 10.0pt;
	font-family: "Courier New", Courier, monospace;
	
}
.fontSize200 {
	font-size: 20.0pt;
}
.fontSize195 {
	font-size: 19.5pt;
}
.fontSize190 {
	font-size: 19.0pt;
}
.fontSize185 {
	font-size: 18.0pt;
}
.fontSize180 {
	font-size: 17.5pt; 
}
.fontSize175 {
	font-size: 17.0pt;
}
.fontSize170 {
	font-size: 16.5pt;
}
.fontSize165 {
	font-size: 16.0pt;
}
h1 {
	margin-top: 0;
}
h1, .h1Size, .fontSize160 {
	font-size: 15.0pt;
}
.fontSize155 {
	font-size: 14.5pt;
}
h2, .h2Size, .fontSize150 {
	font-size: 14.0pt;
}
.fontSize145 {
	font-size: 13.5pt;
}
h3, .h3Size, .big, .fontSize140 {
	font-size: 13.5pt;
}
.fontSize135 {
	font-size: 13.0pt;
}
h4, .h4Size, .fontSize130 {
	font-size: 13.0pt;
}
.fontSize125 {
	font-size: 12.0pt;
}
h5, .h5Size, .fontSize120 {
	font-size: 11.5pt;
}
.fontSize115 {
	font-size: 11.0pt;
}
h6, .h6Size, .fontSize110, h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline {
	font-size: 10.5pt;
}
.fontSize105 {
	font-size: 10.0pt;
}
.fontSize100, .topPage {
	font-size: 10.0pt;
}
.fontSize95 {
	font-size: 9.5pt;
}
.fontSize90 {
	font-size: 9.0pt;
}
.mediumFont, .fontSize85 {
	font-size: 8.5pt;
}
.fontSize80 {
	font-size: 8.0pt;
}
.smallFont, .fontSize75 {
	font-size: 7.5pt;
}
.fontSize70 {
	font-size: 7.0pt;
}
a img{
	border: none;
}
div.page {
	width: 780px;
	min-width: 12.00em;	
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
}
* html div.page {
	text-align: left;
	
}
div.core {
	padding: 10px 10px 10px 10px;
	
}
div.tooltip {
	border: 1px solid InfoText;
	background: InfoBackground;
	color: InfoText;
	font: message-box;
	padding: 2px 4px;
	text-align: left;
	position: absolute;
	width: auto;
	height: auto;
}
div.safetooltip {
	z-index: 21000;
	border: 1px solid #000;
	background-color: #ffc;
	color: #000;
	font: 0.85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	text-align: left;
	position: absolute;
	width: auto;
	height: auto;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip {
	float: left;
}
div.cwm {
	text-align: right;
}
div.fip, div.cwm {
	position: relative;
	z-index: 1;
}
* html div.fip, * html div.cwm {
	position: static;
}
*:first-child+html div.fip, *:first-child+html div.cwm {
	position: static;
}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner, div.banner-eng, div.banner-fra, div.banner-lfcoa-eng, div.banner-lfcoa-fra {
	text-align: center; 
	min-height: 5.58em;
	margin-top: 3.14em;
	padding-bottom: 0.67em;
	
	z-index: 1;
}
* html div.banner, * html div.banner-eng, * html div.banner-fra, * html div.banner-lfcoa-eng, * html div.banner-lfcoa-fra {
	position: static;
}
*:first-child+html div.banner, *:first-child+html div.banner-eng, *:first-child+html div.banner-fra, *:first-child+html div.banner-lfcoa-eng, *:first-child+html div.banner-lfcoa-fra {
	position: static;
}
div.banner-eng, div.banner-fra {
	min-height: 80px;
	padding-bottom: 0px;
	height: 80px;
}
div.banner-lfcoa-eng, div.banner-lfcoa-fra {
	min-height: 115px;
	padding-bottom: 0px;
	height: 115px;
	margin-top: 5px;	
}
img.coa, img.lf {
	width: 5.08em;
	height: 5.08em;
	margin-top: -2.74em;
	margin-bottom: -0.34em;
	padding: 0;
}
* html img.coa, * html img.lf {
	position: relative;
}
div.banner-lfcoa-eng img.coa, div.banner-lfcoa-eng img.lf, div.banner-lfcoa-fra img.coa, div.banner-lfcoa-fra img.lf {
	display: none;
}
div.banner p.main {
	font-family: "times new roman", sans-serif;
	font-weight: bold; 
	font-size: 17.5pt;
	margin: 0;
	padding: 0;
}
div.banner p.siteuri {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	font-weight: lighter; 
	font-size: 10.5pt;
	margin: 0;
	padding: 0;
}
div.banner-eng p.main, div.banner-eng p.siteuri, div.banner-fra p.main, div.banner-fra p.siteuri, div.banner-lfcoa-eng p.main, div.banner-lfcoa-eng p.siteuri, div.banner-lfcoa-fra p.main, div.banner-lfcoa-fra p.siteuri {
	height: 0; 
	width: 0; 
	overflow: hidden;
	float: right;
	font-size: 0;
	position: absolute;
	top: -100px;	
}
/* INSTUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.navaid, p.navaid, h1.navaid, h2.navaid, .navaid {
	height: 0; 
	width: 0; 
	overflow: hidden;
	float: right;
	font-size: 0;
	position: absolute;
	top: -100px;
	
}
div.navaid a, p.navaid a, h1.navaid a, h2.navaid a, .navaid a {
	color: #FFFFFF;
}
div.page div.core div.navaid {
	font-size: 100%;
	float: none;
	overflow: visible;
	max-width: 50%;
	height: auto;
	top: 0px;
	margin-left: 210px;
	margin-right: 200px;
	color: #FFF;
	
}
* html div.page div.core div.navaid {
	font-size: 90%;
}
*:first-child+html div.page div.core div.navaid {
	font-size: 90%;
}
div.page div.core div.navaid a {
	color: #FFF;	
	border-color: #FFF;
	padding: 5px;
	font-size: 100%;
	line-height: 140%;
	vertical-align: middle;
	border-width: 1px 1px 1px 1px;
	border-style: none;
	white-space: nowrap;
	position: relative;
	z-index: 0;
}
div.page div.core div.navaid a:hover, div.page div.core div.navaid a:active, div.page div.core div.navaid a:focus {
	border-style: solid;
	text-decoration: underline;
	z-index: 2;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* COMMON MENU BAR CSS BEGINS | DEBUT DU CSS DE LA BARRE DE MENU COMMUNE */
div.fp, div.fpml {
	width: 100%;
	color: #FFF;
	/*background-color: #000; */
	padding: 0;
	float: left;
}
* html div.fp, * html div.fpml {
	float: none;
}
*:first-child+html div.fp, *:first-child+html div.fpml {
	float: none;
}
div.fp {
	min-height: 1.57em;
}
* html div.fp {
	height: 1.4em;
}
div.fpml {
	min-height: 2.82em; 
}
* html div.fpml {
	height: 2.7em;
}
ul.commonbar {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	border: none;
	top: 10px; 
	width: 100%;	
}
/*This sets the width of the header (white text, black background).  Changed from 9.6em to 9.92em to make it l1ook good in both IE and Firefox...later changed to 126.2px because 9.92em worked for the French version in Firefox but not the English */
li.fiptext, li.fiptexta, li.fiptextb, li.fiptextc {
	white-space: nowrap; 
	margin: 0;
	padding: 0;	
	border: none;
	float: left;
	min-height: 1.3em;	
	min-width: 126.2px;
	font-size: 10.0pt;
	color: #FFF;
	background-color: #000;
	
}
li.fiptext {
	width: 16.6%;
	
}
li.fiptexta {
	width: 16.7%;
}
li.fiptextb {
	width: 16.2%;
}
li.fiptextc {
	width: 16.8%;
}
/*This sets the width of the header (white text, black background).  Changed from 96% to 97.25% to make it look good in both IE and Firefox */
li.fiptext div, li.fiptexta div, li.fiptextb div, li.fiptextc div {
	margin: 0;
	padding: 2px 0px 2px 3px;
	width: 97.25%;
		
}
li.fiptext div, li.fiptextb div, li.fiptextc div {
	border-left: 1px solid #FFF;
}
li.fiptext a, li.fiptexta a, li.fiptextb a, li.fiptextc a {
	color: #FFF;		
	background-color: #000;
	text-decoration: none; 
	font-weight: bold; 
	width: 100%;
	padding: 0;
	border: none;
} 
/* COMMON MENU BAR CSS ENDS | FIN DU CSS DE LA BARRE DE MENU COMMUNE */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb {
	padding: 1px 0px 5px 3px; 
	vertical-align: middle;
	font-size: 9.0pt;
	clear: both;
	margin: 0;
	min-height: 1.23em;
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE - this changes the background of sidebar text links.
This changed the bullets to white in firefox*/
ul.nav, ul.nav2 {
	list-style-type: none;
	margin:0;	
	margin-right: 2px;
	padding: 0px;
	color:#fff;
	background-color: #003367;
	
}
ul.nav2 {
	margin-left: 18px;	
	list-style-type: disc;
	
}
div.right li ul.nav {
	margin-bottom: 10px;
}
ul.nav li, ul.nav2 li {
	margin: 0px;
}
h2.nav, div.left div.h2nav, div.left p.h2nav {
	font-size: 10.0pt;
	font-weight: 700;
	line-height: 1.6em;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}
div.right li div.nav, div.right li p.nav {
	margin-bottom: 10px;
	padding: 2px 5px 2px 12px;
}
div.right li p.nav {
	margin-top: 0px;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left, div.right {
	
	min-width: 9.0em;
}
li.menucontent, li.menucontent li, div.menucontent, div.menucontent li {
	font-size: 10.0pt;
	vertical-align: middle;
	margin: 0;
	
}
li.menucontent, div.menucontent {
	padding: 2px 3px 2px 12px;
}
a.menulink {
	text-decoration: none;
}
a.menulink:hover {
	text-decoration: underline;
}
div.prodis {
	height: 15px;
	min-height: 0.9375em;
	padding: 0;
	margin: 0;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center {
	background-color: #FFF;
}
div.center h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	font-weight: bold;
}
* html div.center h1 {
	width: 100%;
}
div.blackborder {
	padding: 5px;
	min-height: 158px;
	min-width: 9.5em;
}
h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline, h1.compress, h2.compress, h3.compress, h4.compress, h5.compress, h6.compress, p.compress, ul.compress, ol.compress {
	margin-top: 0px;
	margin-bottom: 0px;
}
h1.headline a:link, h1.headline a:visited, h2.headline a:link, h2.headline a:visited, h3.headline a:link, h3.headline a:visited, h4.headline a:link, h4.headline a:visited, h5.headline a:link, h5.headline a:visited, h6.headline a:link, h6.headline a:visited {
	text-decoration: none;
}
h1.headline a:hover, h2.headline a:hover, h3.headline a:hover, h4.headline a:hover, h5.headline a:hover, h6.headline a:hover {
	text-decoration: underline;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer {
	width: 780px;	
	clear: both; 
	font-size: 10.0pt;
	margin-top: 5px;
	height: 4.69em;
	min-height: 40px;
	background-color: #FFF;
	margin-left:auto;
	margin-right:auto;
}
div.footer div.footerline {
	color: #FFF;
	height: 15px;
	min-height: 0.9375em;
	margin-bottom: 7px;
}
div.foot1, div.foot2, div.foot3 {
	float: left;
	width: 33.25%;
	min-width: 6.6em;
	margin: 0;
	padding: 0;
}
div.foot1 {
	text-align: left;	
}
div.foot2 {
	text-align: center;
}
div.foot3 {
	text-align: right;
}
img.uparrow {
	border: 0;
}
span.date {
	white-space: nowrap;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* GENERIC UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE GENERIQUE */
.widthFull {
	width: 98.5%;
}
.width95 {
	width: 95%;
}
.width90 {
	width: 90%;
}
.width85 {
	width: 85%;
}
.width80 {
	width: 80%;
}
.width75 {
	width: 75%;
}
.width70 {
	width: 70%;
}
.width65 {
	width: 65%;
}
.width60 {
	width: 60%;
}
.width55 {
	width: 55%;
}
.width50 {
	width: 50%;
}
.width45 {
	width: 45%;
}
.width40 {
	width: 40%;
}
.width35 {
	width: 35%;
}
.width30 {
	width: 30%;
}
.width25 {
	width: 25%;
}
.width20 {
	width: 20%;
}
.width15 {
	width: 15%;
}
.width10 {
	width: 10%;
}
.width5 {
	width: 5%;
}
abbr, acronym, span.abbr {
	cursor: help;
}
blockquote {
	background-color: #CC9;
	color: #000;
	border: 1px solid #000;
	font-style: italic;
}
div.gcinits {
	float: left;
	padding-bottom: 5px;
}
div.gcinit div {
	width: 191px;
	height: 5.16em;
	border: 1px solid #000;
}
div.center div.gcinit div {
	margin-right: 4px;
	margin-bottom: 5px;
	float: left;
}
div.gcinit a, div.gcinit a:visited {
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none;
}
div.srvMsgCol {
	float: left;
	margin: 0;
	padding: 0;
	width: 49%;
}
div.srvMsgCol div {
	padding: 1.56em 10px 5px 0px;
}
/* GENERIC UTILITY CSS ENDS | FIN DU CSS D'UTILITE GENERIQUE */

/* ALIGNMENT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE D'ALIGNEMENT */
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignTop {
	vertical-align: top;
}
.alignBottom {
	vertical-align: bottom;
}
.alignTopRight {
	text-align: right;
	vertical-align: top;
}
.alignTopCenter {
	text-align: center;
	vertical-align: top;
}
.alignTopLeft {
	text-align: left;
	vertical-align: top;
}
.alignBottomRight {
	text-align: right;
	vertical-align: bottom;
}
.alignBottomCenter {
	text-align: center;
	vertical-align: bottom;
}
.alignBottomLeft {
	text-align: left;
	vertical-align: bottom;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.image-left { 
	float: left;
	vertical-align: text-top;
}
.image-right {
	float: right;
	vertical-align: text-top;
	margin-left: 10px;
}
.indent1 {
	padding-left: 18px;
}
.indent2 {
	padding-left: 36px;
}
.indent3 {
	padding-left: 54px;
}
.indent4 {
	padding-left: 72px;
}
.indent5 {
	padding-left: 90px;
}
/* ALIGNMENT UTILITY CSS ENDS | FIN DU CSS D'UTILITE D'ALIGNEMENT */

/* LIST UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE LISTE */
ul.noBullet {
	list-style-type: none;
}
ul.disc {
	list-style-type: disc;
}
ul.square {
	list-style-type: square;
}
ul.circle {
	list-style-type: circle;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
/* LIST UTILITY CSS ENDS | FIN DU CSS D'UTILITE DE LISTE */

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */
.noWrap {
	white-space: nowrap;
}
.doubleLineSpace {
	line-height: 24.0pt;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.black {
	color: #000000;
	background-color: transparent;
}
.white {
	color: #FFFFFF;
	background-color: transparent;
}
.red {
	color: #FF0000;
	background-color: transparent;
}
.blue {
	color: #0000FF;
	background-color: transparent;
}
.green {
	color: #009933;
	background-color: transparent;
}
.grey {
	color: #999999;
	background-color: transparent;
}
.deepyellow {
	color: #FFCC33;
	background-color: transparent;
}
.blackBG {
	background-color: #000000;
}
.whiteBG {
	background-color: #FFFFFF;
}
.redBG {
	background-color: #FF0000;
}
.blueBG {
	background-color: #0000FF;
}
.greenBG {
	background-color: #009933;
}
.lightgreyBG {
	background-color: #CCCCCC;
}
.deepyellowBG {
	background-color: #FFCC33;
}
div.highlight, p.highlight {
	border: 1px solid #030;
	background-color: #9F9;
	padding: 5px;
}
div.topPage, p.topPage {
	float: right;
	text-align: center;
}
div.foot2 img, div.topPage img, p.topPage img {
	width: 1.46em;
	height: 0.92em;
}
div.center div.wrapContainer {
	float: left;	
	width: 99.5%;
}
div.left div.wrapContainer, div.right div.wrapContainer {
	float: left;	
	width: 100%;
}
* html div.center h1.wrap {
	width: auto;
}
/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */