/* 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: 12em;
    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;
    position: relative;
    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%;
}
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: 9.5em;
    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%;
}
li.fiptext div, li.fiptexta div, li.fiptextb div, li.fiptextc div {
    margin: 0;
    padding: 2px 0px 2px 3px;
    width: 95%;
}
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 3px 3px;
    vertical-align: middle;
    font-size: 8pt;
    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 */
ul.nav, ul.nav2 {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
ul.nav2 {
    margin-left: 18px;
    list-style-type: disc;
}
div.right li ul.nav {
    margin-bottom: 10px;
}

div.left li ul.nav {
    margin-bottom: 10px;
}

h2.nav, h2.nav1, 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;
}

h2.nav {
    border-bottom: 2px solid #036;
}
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 {
    background-color: #FFF;
    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: 0px 5px 5px 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: 100%;    
    clear: both; 
    font-size: 10.0pt;
    margin-top: 5px;
    height: 4.69em;
    min-height: 40px;
    background-color: #FFF;
}
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%;
}
.width98 {
    width: 98%;
}
.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 removed March 27, 2009 - Ben */
/* 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;
    display: inline
}
.floatLeft {
    float: left;
    display: inline
}
.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;
}
.indent6 {
    padding-left: 100px;
}
.indent7 {
    padding-left: 25px;
}
.indent8 {
    padding-left: 67px;
}
.indent9 {
    padding-left: 49px;
}
.indent10 {
    padding-left: 103px;
}

/* 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;
}
.noBulletli {
    list-style-type: none;
	list-style-image:none;
}

/* 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: #CC0000;
    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: #CC0000;
}
.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 */