/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */ /* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */ body { background-color: #FFF; height:100%; } div.colLayout { background-color: #FFF; height: 100%; background:url(../graphics/green_circles.jpg) #fff repeat-y top left; } div.colLayoutLeftBG { background-color: #FFF; height: 100%; background:url(../graphics/green_circles_left.jpg) #fff repeat-y top left; } /* 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_eng { color: #FFF; background: url(../graphics/header_eng.jpg) #269 no-repeat center center; ); height:141px; } div.banner_fra { color: #FFF; background: url(../graphics/header_fra.jpg) #269 no-repeat center center; ); height:141px; } div.banner-eng, div.banner-lfcoa-eng { background: url() #FFF no-repeat center center; } div.banner-fra, div.banner-lfcoa-fra { background: url() #FFF no-repeat center center; } /* 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: 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 */ div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited { background-color: #696; color: #FFF; text-decoration: none; } div.left h2.nav a:hover, div.left h2.nav a:active, div.left h2.nav a:focus, div.left div.h2nav a:hover, div.left div.h2nav a:active, div.left div.h2nav a:focus, div.left p.h2nav a:hover, div.left p.h2nav a:active, div.left p.h2nav a:focus, div.right h2.nav a:hover, div.right h2.nav a:active, div.right h2.nav a:focus, div.right div.h2nav a:hover, div.right div.h2nav a:active, div.right div.h2nav a:focus, div.right p.h2nav a:hover, div.right p.h2nav a:active, div.right p.h2nav a:focus { text-decoration: underline; } div.left {background-color:#FFF;height:100%} div.right li ul.nav, div.right li p.nav, div.right li div.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 ul.nav ul.nav { margin:0px 0px 0px 0px; } div.left ul.nav ul.nav { width:143px; } div.right ul.nav ul.nav { width:191px; } div#temp div.right ul.nav ul.nav { width:143px; } div ul.nav ul.nav2 { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; } div.left ul.nav ul.nav2 { width: 143px; } div.right ul.nav ul.nav2 { width: 187px; } div#temp div.right ul.nav ul.nav2 { width: 142px; } div ul.nav li, ul.nav2 li { padding:0px; margin:0px; } div.left h2.nav, div.left div.h2nav, div.left p.h2nav { padding: 1px 0px; width:143px; } div.right h2.nav, div.right div.h2nav, div.right p.h2nav { padding: 1px 2px; width:191px; } div#temp div.right h2.nav, div.right div.h2nav, div.right p.h2nav { width:143px; } div ul.nav li div.menucontent { margin:0px 0px 8px 0px; } div.left ul.nav li div.menucontent { background: #FFF; width:143px; padding:0px; } div.right ul.nav li div.menucontent { background: #d9f2fc; width:191px; padding:2px; } div#temp div.right ul.nav li div.menucontent { width:150px; } div ul.nav ul.nav a.menulink, div ul.nav div.menucontent a.menulink { display:block; width:100%; color: #1b75bb; font-weight: bold; padding:7px 2px 7px 5px; margin:0px 0px 0px 0px; font-size: 10pt; } div.right ul.nav ul.nav a.menulink, div.right ul.nav div.menucontent a.menulink { background-color: #d9f2fc; } div.left ul.nav ul.nav a.menulink, div.left ul.nav div.menucontent a.menulink { background-color: #d9f2fc; } #on { background:#1b75bb; color:#FFF; } div ul.nav ul.nav ul.nav2 a.menulink { line-height: 115%; display:block; width:100%; color: #000; font-weight: normal; padding: 0px 2px 0px 2px; margin:0px 0px 0px 0px; background-color: #d9f2fc; font-size: 9.5pt; } div ul.nav ul.nav a.menulink:hover, div ul.nav div.menucontent a.menulink:hover { text-decoration: none; background:#1b75bb; color:#FFF; } div ul.nav ul.nav ul.nav2 a.menulink:hover { text-decoration: none; background:#C4C4C4; } div.left li.menucontent, div.left div.menucontent { margin-bottom: 2px; } /* ORIGINAL MENU div.left li.menucontent, div.left div.menucontent { border-bottom: 1px dotted #FFF; } div.left li.menucontent, div.left div.menucontent, div.left a.menulink { color: #000; background-color: #CC9; } div.right li.menucontent, div.right div.menucontent { color: #000; background-color: #FFF; } div.right a.menulink { color: #000; background-color: #FFF; } div.prodis { background-color: #696; } */ /* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */ /* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */ div.center h1, h2, h3, h4, h5, h6 { color: #000; } div.center a:link { color: #039; } div.blackborder { border: solid #000 1px; } 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 */ div.footer div.footerline { background-color: #333399; margin-top:5px; } 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 */ /*NEW NEW NEW*/ li.arrowpurple{ background-image: url(../graphics/arrow-purple.gif); background-position: top left; background-repeat: no-repeat; padding-left: 10px; list-style: none;} li.arrowgreen{ background-image: url(../graphics/arrow-green.gif); background-position: top left; background-repeat: no-repeat; padding-left: 10px; list-style: none;} li.arrowblue{ background-image: url(../graphics/arrow-blue-bullet.gif); background-position: top left; background-repeat: no-repeat; padding-left: 10px; list-style: none;} li.ringorange{ background-image: url(../graphics/ring-orange.gif); background-position: top left; background-repeat: no-repeat; padding-left: 15px; list-style: none;} li.ringorangenav{ background-image: url(../graphics/ring-orange.gif); background-position: top left; background-repeat: no-repeat; padding-left: 15px; list-style: none; padding-bottom:10px} li.ringgreen{ background-image: url(../graphics/ring-green.gif); background-position: top left; background-repeat: no-repeat; padding-left: 15px; list-style: none;} li.ringgreennav{ background-image: url(../graphics/ring-green.gif); background-position: top left; background-repeat: no-repeat; padding-left: 15px; list-style: none; padding-bottom:10px} li.ringbluenav{ background-image: url(../graphics/ring-blue.gif); background-position: top left; background-repeat: no-repeat; padding-left: 15px; list-style: none; padding-bottom:10px} ul.toc {color:#1b75bb;font-size:11px;font-family:Verdana, sans serif;font-weight:bold;text-decoration:none;margin-left:0px;margin-top:5px;margin-bottom:10px;padding-left:0px} li.arrowblue a:link, a:active, a:visited {text-decoration:none} li.arrowgreen a:link, a:active, a:visited {text-decoration:none} li.ringorangenav a:link, a:active, a:visited {text-decoration:none} li.ringgreennav a:link, a:active, a:visited {text-decoration:none} li.ringbluenav a:link, a:active, a:visited {text-decoration:none} li.ringorangesitemap{ background-image: url(../graphics/ring-orange.gif); background-position: top left; background-repeat: no-repeat; padding-left: 15px; list-style: none; } li.ringorangesitemap a:link {color:#269500;text-decoration:none} li.ringorangesitemap a:visited {color:#2E3192;text-decoration:none} li.ringorangesitemap a:hover {color:#F78F1E;text-decoration:underline} li.ringorangesitemap a:active {color:#269500;text-decoration:none} li.ringorangesitemap ul li {padding-bottom:0px;margin-bottom:0px} .smallfont p,table{font-size:8pt;} div.opctext p,h1,h2,h3,h4,h5,h6,table,fieldset{margin-left:10px;padding-top:5px} div.opctext p ul {font-size:10pt;color:#000;font-family:Verdana;line-height:1.5;} div.opctext p ol {font-size:10pt;color:#000;font-family:Verdana;line-height:1.5;} div.opctext p ul li ul{ font-size: 10pt; } div.opctext li {margin-bottom:10px} div.opctext a:link {color:#269500;text-decoration:none} div.opctext a:visited {color:#2E3192;text-decoration:none} div.opctext a:hover {color:#F78F1E;text-decoration:underline} div.opctext a:active {color:#269500;text-decoration:none} div.opctext p a:link {color:#269500;text-decoration:none} div.opctext p a:visited {color:#2E3192;text-decoration:none} div.opctext p a:hover {color:#F78F1E;text-decoration:underline} div.opctext p a:active {color:#269500;text-decoration:none} ul.commonbar a:link, a:active, a:visited, a:hover {color:#FFF} div.greenbar {margin-top:0px;height:39px;padding:10px;background-image: url(/graphics/title-bar-1-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.greenbar1 {margin-top:0px;height:39px;padding:10px;background-image: url(/graphics/title-bar-1-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.greenbar2 {margin-top:0px;height:57px;padding:10px;background-image: url(/graphics/title-bar-2-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.greenbar3 {margin-top:0px;height:73px;padding:10px;background-image: url(/graphics/title-bar-3-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.greenbar4 {margin-top:0px;height:88px;padding:10px;background-image: url(/graphics/title-bar-4-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.azgreenbar {margin-top:0px;height:39px;margin-bottom:-10px;padding-top:10px;padding-left:10px;background-image: url(/graphics/title-bar-1-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.azgreenbar1 {margin-top:0px;height:39px;margin-bottom:-10px;padding-top:10px;padding-left:10px;background-image: url(/graphics/title-bar-1-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.azgreenbar2 {margin-top:0px;height:57px;margin-bottom:-10px;padding-top:10px;padding-left:10px;background-image: url(/graphics/title-bar-2-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.azgreenbar3 {margin-top:0px;height:73px;margin-bottom:-10px;padding-top:10px;padding-left:10px;background-image: url(/graphics/title-bar-3-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.azgreenbar4 {margin-top:0px;height:88px;margin-bottom:-10px;padding-top:10px;padding-left:10px;background-image: url(/graphics/title-bar-4-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} /* h1.header {margin-top:0px;height:39px;padding:10px;background-image: url(/graphics/title-bar-1-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.opctext h1.header {margin-top:0px;height:39px;padding:10px;background-image: url(/graphics/title-bar-1-585.jpg); background-repeat: no-repeat;color:#ffffff;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} */ div.opctext h1 {color:#2E3192;font-size:16px;font-family:Verdana, sans serif;font-weight:bold;} div.opctext h2 {color:#1B75BB;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.opctext h3 {color:#2E3192;font-size:14px;font-family:Verdana, sans serif;font-weight:bold;} div.opctext h2.speech {color:#2E3192;font-size:14px;font-family:Verdana, sans serif;font-weight:bold;} div.opctext h4 {color:#000000;font-size:12px;font-family:Verdana, sans serif;font-weight:bold;} div.opctext h5 {color:#1B75BB;font-size:12px;font-family:Verdana, sans serif;font-weight:bold;} div.opctext h6 {color:#888;font-size:12px;font-family:Verdana, sans serif;font-weight:bold;} div.opctext table, div.opctext table th , div.opctext table td { border: 1px solid #2E3192; } div.opctext table { border-collapse: collapse; margin: 1em 0; } div.opctext table caption { margin-top: 1em; } div.opctext table th, div.opctext table td { padding: 2px 5px; } div.opctext table th { text-align: center; } div.horizsubnav {padding:10px;margin-bottom:10px} div.horizsubnav a:link, a:active, a:visited {color:#2E3192;} div.horizsubnav {color:#2E3192;background-color:#E2F3B2} a.horizsubnav {font-size:11px;font-weight:bold;line-height:1.5} a.horizsubnav:link {color:#2E3192;text-decoration:none} a.horizsubnav:visited {color:#2E3192;text-decoration:none} a.horizsubnav:hover {color:#1a5f00;text-decoration:underline} a.horizsubnav:active {color:#2E3192;text-decoration:none} div.rightnav {width:174px;float:right;border-left:1px solid #333399;} div.icon-document {background-image: url(/graphics/icon-document.jpg); background-repeat: no-repeat;margin-top:0px;margin-bottom:10px;min-height:35px;height:auto !important;height:35px;padding-left:43px;color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.icon-faqs {background-image: url(/graphics/icon-faqs.jpg); background-repeat: no-repeat;margin-top:0px;margin-bottom:10px;min-height:35px;height:auto !important;height:35px;padding-left:43px;color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.icon-external-links {background-image: url(/graphics/icon-external-links.jpg); background-repeat: no-repeat;margin-top:0px;margin-bottom:10px;min-height:35px;height:auto !important;height:35px;padding-left:43px;color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.icon-factsheet {background-image: url(/graphics/icon-factsheet.jpg); background-repeat: no-repeat;margin-top:0px;margin-bottom:10px;min-height:35px;height:auto !important;height:35px;padding-left:43px;color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.icon-flash-video {background-image: url(/graphics/icon-flash-video.jpg); background-repeat: no-repeat;margin-top:0px;margin-bottom:10px;min-height:35px;height:auto !important;height:35px;padding-left:43px;color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.icon-form {background-image: url(/graphics/icon-form.jpg); background-repeat: no-repeat;margin-top:0px;margin-bottom:10px;min-height:35px;height:auto !important;height:35px;padding-left:43px;color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.icon-pdf {background-image: url(/graphics/icon-pdf.jpg); background-repeat: no-repeat;margin-top:0px;margin-bottom:10px;min-height:35px;height:auto !important;height:35px;padding-left:43px;color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.icon-comp {background-image: url(/graphics/icon-comp.jpg); background-repeat: no-repeat;margin-top:0px;margin-bottom:10px;min-height:35px;height:auto !important;height:35px;padding-left:43px;color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.icon-comp a:link {text-decoration:none;color:#333399;} div.icon-document a:link {text-decoration:none;color:#333399;} div.icon-external-links a:link, a:active,a:hover, a:visited {text-decoration:none;color:#333399;} div.icon-factsheet a:link {text-decoration:none;color:#333399;} div.icon-flash-video a:link {text-decoration:none;color:#333399;} div.icon-form a:link {text-decoration:none;color:#333399;} div.icon-pdf a:link {text-decoration:none;color:#333399;} div.icon-faqs a:link {text-decoration:none;color:#333399;} div.icon-comp a:visited {text-decoration:none;color:#333399;} div.icon-document a:visited {text-decoration:none;color:#333399;} div.icon-external-links a:link, a:active,a:hover, a:visited {text-decoration:none;color:#333399;} div.icon-factsheet a:visited {text-decoration:none;color:#333399;} div.icon-flash-video a:visited {text-decoration:none;color:#333399;} div.icon-form a:visited {text-decoration:none;color:#333399;} div.icon-pdf a:visited {text-decoration:none;color:#333399;} div.icon-faqs a:visited {text-decoration:none;color:#333399;} div.icon-comp a:hover {text-decoration:none;color:#333399;} div.icon-document a:hover {text-decoration:none;color:#333399;} div.icon-external-links a:link, a:active,a:hover {text-decoration:none;color:#333399;} div.icon-factsheet a:hover {text-decoration:none;color:#333399;} div.icon-flash-video a:hover {text-decoration:none;color:#333399;} div.icon-form a:hover {text-decoration:none;color:#333399;} div.icon-pdf a:hover {text-decoration:none;color:#333399;} div.icon-faqs a:hover {text-decoration:none;color:#333399;} div.icon-comp a:active {text-decoration:none;color:#333399;} div.icon-document a:active {text-decoration:none;color:#333399;} div.icon-external-links a:link, a:active,a:active {text-decoration:none;color:#333399;} div.icon-factsheet a:active {text-decoration:none;color:#333399;} div.icon-flash-video a:active {text-decoration:none;color:#333399;} div.icon-form a:active {text-decoration:none;color:#333399;} div.icon-pdf a:active {text-decoration:none;color:#333399;} div.icon-faqs a:active {text-decoration:none;color:#333399;} div.icon-document ul {color:#333399;font-size:10px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-left p,h1,h2,h3,h4,h5,table{margin-left:10px;margin-right:10px} div.nl-left h1,h2,h3,h4,h5 {clear:both} div.nl-left h1 {color:#1B75BB;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-left h2 {color:#1B75BB;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-left h3 {color:#2E3192;font-size:14px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-left h4 {color:#000000;font-size:12px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-left h5 {color:#1B75BB;font-size:12px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-right p,h1,h2,h3,h4,h5,table{margin-left:10px;margin-right:10px} div.nl-right h1,h2,h3,h4,h5 {clear:both} div.nl-right h1 {color:#1B75BB;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-right h2 {color:#1B75BB;font-size:15px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-right h3 {color:#2E3192;font-size:14px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-right h4 {color:#000000;font-size:12px;font-family:Verdana, sans serif;font-weight:bold;} div.nl-right h5 {color:#1B75BB;font-size:12px;font-family:Verdana, sans serif;font-weight:bold;} div.nl a:link {color:#2E3192;text-decoration:none} div.nl a:visited {color:#1B75BB;text-decoration:none} div.nl a:hover {color:#F05A28;text-decoration:underline} div.nl a:active {color:#2E3192;text-decoration:none} p.breadcrumb { padding: 1px 0px 5px 3px; vertical-align: middle; font-size: 10px; clear: both; margin: 0; min-height: 1.23em; color:#333399; /*ADDED PURPLE*/ } p.breadcrumbreplace { padding: 0px 0px 0px 0px; vertical-align: middle; font-size: 10px; clear: both; margin: 0; min-height: 5px; color:#333399; /*ADDED PURPLE*/ } p.breadcrumb a {text-decoration:none;color:#333399} p.pull {float:right; width:18em; display:block; background-color: #e5f6fd; color: #000; border: 1px solid #8bb9d7; padding:10px} p.pull_white { float:right; width:18em; display:block; background-color: #FFF; color: #000; border: 1px solid #8bb9d7; padding:10px } div.pull {float:right; width:18em; display:block; background-color: #e5f6fd; color: #000; border: 1px solid #8bb9d7; padding:10px} div.box {float: left; width:100%; display:block; background-color: #e5f6fd; color: #000; border: 1px solid #8bb9d7; padding:10px} div.box_ar {float: left; width:100%; display:block; background-color: #f1fadd; color: #000; border: 0px; padding:10px} div.box_ar_leg { float: left; width:100%; display:block; background-color: #2E3192; color: #FFF; padding:5px } .small { font-size: 95%; } .smaller { font-size: 85%; } .smallest { font-size: 80%; } div.opctext table.noborder, div.opctext table.noborder th, div.opctext table.noborder td {border:0px;border-style:none}