/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/* FONTS AND TEXTS */
div.center2 h1,div.center3 h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	font-weight: bold;
}

.symbol {font-size:225%; }
a.featureHeader {font-size:140%; }
a.featureHeader {letter-spacing: -1px; font-family:Arial;line-height:105%; }
div.topLinks a {font-size:115%;}
div.news h1 {font-size:140%;}
.headline, h2.step, h2.profiles, h2.tips, h2.related, div.stepHeader { font-size:100%; }
div.introduction, div.mail, div.courier, div.cofi {font-size:95%;}
div.center3, div.center2, div.left h2, div.bigFeature, div.smallFeature {font-size:90%;}
div.right, sup, div.tableJournal, div.tableJournal300, div.tableJournal450, .fontSize85noWrap {font-size:85%;}
table.compactdata, table.compactdata25Right, table.compactdata50Right, table.compactdata75Right {font-size:80%;}
.bold, .shadowBold, .boldRed, .boldGreen, .alignRightBold, table.data th, table.compactdata th, table.compactdata25Right th, table.compactdata50Right th, table.compactdata75Right th, table.data50Right th, table.data tfoot tr td, table.selectForm th  {font-weight: bold;}
.normal, .symbol {font-weight:normal;}
h2.step, h2.profiles, h2.tips, h2.related, div.stepHeader { font-weight: 700;line-height: 1.6em;}
div.bigFeature, div.smallFeature, div.bigFeature div.blackBG a span.feature, div.bigFeature div.blueBG a span.feature, div.smallFeature div.deepyellowBG a span.feature, div.whiteBG a span.feature, div.bigFeature div.lightgreyBG a span.feature, div.StepByStep h1 span.feature {font-family:Arial;}
div.bigFeature div.blackBG a:visited,div.bigFeature div.blueBG a:visited, div.bigFeature div.blackBG a, div.bigFeature div.blueBG a, div.smallFeature div.redBG a, div.StepByStep a, div.smallFeature div.blackBG a:visited, div.smallFeature div.blackBG a, div.bigFeature div.blackBG a span.feature, div.bigFeature div.blueBG a span.feature, div.news h2 a:link, div.news h2 a:visited, div.whiteBG a, div.whiteBG a:visited,div.bigFeature div.lightgreyBG a, div.bigFeature div.lightgreyBG a:visited, div.smallFeature div.deepyellowBG a, div.smallFeature div.deepyellowBG a:visited, div.smallFeature div.deepyellowBG a span.feature, div.whiteBG a span.feature, div.bigFeature div.lightgreyBG a span.feature, div.StepByStep h1 span.feature {text-decoration:none;}
.symbol {font-family: Wingdings;}
div.news {line-height:1.5em;}


/* COLORS */
div.center2, div.center3, table.data, table.compactdata, table.compactdata25Right, table.compactdata50Right, table.compactdata75Right, table.data50Right, table.data50Left { background-color: #FFF;}
ol.step li.selectedcontent, ul.step li.selectedcontent { background-color:#FC0; }
h2.tips, th.pptcRed {background-color:#600;}
.boldRed, div.blueBG h1, div.blackBG h1 {color:#F00;}
.boldGreen {color:#093;}
h2.step, div.stepHeader, th.pptcBlue, table.data th, table.compactdata th, table.compactdata25Right th, table.compactdata50Right th, table.compactdata75Right th, table.data50Right th, td.darkBlueBG  {background-color:#036;}
h2.profiles, th.pptcGreen, td.darkGreenBG {background-color:#060;}
h2.related, th.pptcPale {background-color:#369;}
div.blueBG, td.midBlueBG {background-color:#39C;}
table.formsListb, div.highlight2, p.highlight2 {background-color:#EEE;}
div.highlight, p.highlight {background-color:#FFC;}
div.highlight3, p.highlight3 {background-color:#F00; padding:5px;}
td.lightBlueBG {background-color:#9CF;}
td.lightGreenBG {background-color:#CF9;}
table.data tr th, table.compactdata tr th, table.data50Right tr th, th.pptcBlue, th.pptcGreen, th.pptcRed, th.pptcPale, h2.step, h2.profiles, h2.tips, h2.related, div.stepHeader, div.blackBG a:visited,div.blueBG a:visited, div.blackBG a, div.blueBG a, div.smallFeature div.redBG a, div.StepByStep a, div.smallFeature div.blackBG a:visited, div.smallFeature div.blackBG a, div.StepByStep, div.StepByStep h1,td.midBlueBG,td.darkBlueBG,td.darkGreenBG, td.midBlueBG a:visited,td.midBlueBG a:link,td.midBlueBG a:hover {color:#FFF;}
h1, ul.step li.menucontent a.menulink, ul.step li.selectedcontent, div.whiteBG a, div.whiteBG a:visited {color:#036;}
h2.step strong, div.stepHeader strong, div.StepByStep h1 span.feature, .gold {color:#FC0;}
h2 {color:#630;}
div.highlight, p.highlight, div.highlight2, p.highlight2, div.lightgreyBG a, div.lightgreyBG a:visited, div.smallFeature div.deepyellowBG a, div.smallFeature div.deepyellowBG a:visited {color:#000;}
.shadow, .shadowBold, .shadowCenter, .shadowLeft, .shadowRight, .shadowBorderTop, .shadowBorderTopAlignLeft, .shadowBorderTopAlignCenter, .shadowtotal, .shadowBorderBottom, .shadowBorderBottomAlignTop, .shadowBorderBottomAlignCenter, .shadowBorderBottomAlignRight, .shadowBorderLeft, .shadowBorderLeftAlignTop, .shadowBorderLeftAlignCenter, .shadowBorderLeftAlignRight, .shadowBorderRight, .shadowBorderRightAlignTop, .shadowBorderRightAlignCenter, .shadowBorderRightAlignRight, .shadowTop  {background-color:#EFEFEF;}
div.blackBG a span.feature,div.blueBG a span.feature, div.smallFeature div.deepyellowBG a span.feature, div.whiteBG a span.feature {color:#69C;}
div.lightgreyBG a span.feature {color:#036;}
table.selectForm th {background:#CCC;}

/* AREAS */
div.mail, div.courier {margin:0px;}
table.selectForm th {height:10px;}
td.lightBlueBG, td.lightGreenBG {height:25px;}
table.selectForm td.darkBlueBG, table.selectForm td.darkGreenBG {width:85px;}
table.selectForm td, table.selectForm th {padding:5px;}
* html div.center2 h1, * html div.center3 h1, div.tableJournal, table.data, table.compactdata { width: 98.5%;}
div.serviceList, .clinicColumn2, div.mail, table.data50Right, table.data50Left, div.cols2 { width:48%; }
div.serviceList3, div.cols3 { width:33%; }
div.serviceList4, .verticalBar25 { width:25%; }
.verticalBar20 { width:20%; }
.width15Right, .verticalBar15 {width:15%;}
.verticalBar10 {width:10%;}
.verticalBar5 {width:5%;}
.width2, .verticalBar2 {width:2%;}
.width1, .verticalBar1 {width:1%;}
div.introduction, div.bigFeature, div.smallFeature, div.mediumFeature {width:193px;}
div.bigFeature, div.StepByStep {min-height:96px;}
div.smallFeature {min-height:68px;}
.radio { width:72px; }
div.cols2, div.cols3 {min-height:75px;}
img.colorBox { height:12px;width:12px;}
div.blueBG {min-height:125px;}
table.clinic, h2.step, h2.profiles, h2.tips, h2.related, div.stepHeader,ul.step li.selectedcontent, .horizontablBar img, form {margin:0px;}
ul.step, table.clinic, .horizontalbar { padding:0px; }
/*div.highlight2, p.highlight2, div.introduction, div.news, div.topLinks { padding:5px;}*/
table.data td, table.data50Right td, table.data50Left td, div.StepByStep, p.border, table.data thead tr th { padding:3px;}
table.compactdata th, table.compactdata25Right th, table.compactdata50Right th, table.compactdata75Right th, table.compactdata td, table.compactdata25Right td, table.compactdata50Right td, table.compactdata75Right td {padding:2px;}
div.center2 div.gcinit div, div.center3 div.gcinit div { margin-right: 4px;}
div.right ul.nav li { margin-bottom:3px;}
h1.newsrelease, div.news h2 { margin-bottom:0px;}
div.introduction, div.topLinks {margin-left:0px;}
ol.step li { margin-left:-6px; }
div.introduction h1, div.news h1, div.topLinks h1 {margin-bottom:-5px;}
h1.newsrelease {padding-top:5px;}
h1.newsrelease {padding-bottom:5px;}
.horizontalBar {padding-left:0px;}
.horizontalBar img{margin-right:2px;}
ul.step li, ul.step li.selectedcontent, h2.step, h2.profiles, h2.tips, h2.related, div.stepHeader {padding-left:5px;}
h2.step, h2.profiles, h2.tips, h2.related, div.stepHeader {	padding-right: 5px;}
div.smallFeature div.blackBG {height:50px;}
.height200 {height:200px;}
td.midBlueBG {min-height:85px;}
div.introduction {height:115px;}
.width200px {width:200px;}
div.news {min-height:150px;}
div.topLinks {min-height:98px;}
a.featureHeader {margin-top:5px; }
div.formLabel, div.formLabelIndent {width:250px;}
a.featureHeader {margin:2px 2px 5px 0px; }
.verticalBar img, .verticalBar1 img, .verticalBar2 img, .verticalBar5 img, .verticalBar10 img, .verticalBar15 img, .verticalBar20 img, .verticalBar25 img {width:100%;margin-top:2px;}
div.formField,div.formLabel,div.formFieldIndent {padding-top:10px;}
.iconLeft, table.data50Left {margin-right:10px;}
table.data50Right, div.photoJournal200, div.photoJournal300, div.photoJournal125, .width15Right {margin-left:10px;}
table.data50Right, div.photoJournal200, div.photoJournal300, div.photoJournal125, .width15Right, div.nav, ul.step, div.step, div.provinceSelect, table.data50Left, table.data, table.compactdata, table.compactdata25Right, table.compactdata50Right, table.compactdata75Right, table.data50Right, table.data50Left {margin-bottom:10px;}
table.data {margin-top:5px;}
table.data, div.bigFeature, div.smallFeature, div.introduction, div.news, div.topLinks, div.center2 div.gcinit div, div.center3 div.gcinit div, div.news, table.selectForm {margin-bottom:5px;}
table.data tr td.intIndent1 {padding-left:18px;}
table.data tr td.intIndent2 {padding-left:36px;}
table.data tr td.intIndent3 {padding-left:54px;}
table.data tr td.intIndent4 {padding-left:72px;}
table.data tr td.intIndent5 {padding-left:90px;}
div.courier {margin-left:50%;}
table.data, table.compactdata, table.compactdata25Right, table.compactdata50Right, table.compactdata75Right, table.data50Right, table.data50Left {border-collapse: collapse;}

/* ALIGNEMENTS */
div.provinceSelect, .shadowCenter, h1.newsrelease, .radio, .verticalBar, .verticalBar1, .verticalBar2, .verticalBar5, .verticalBar10, .verticalBar15, .verticalBar20, .verticalBar25 {text-align:center;}
.shadowLeft {text-align:left;}
.shadowRight, .total, .shadowtotal, .alignRightBold, .width15Right, .borderRightAlignRight, table.data th.thRight {text-align:right;}
div.center2 div.gcinit div, div.center3 div.gcinit div, div.mail, .horizontalBar img, div.formLabel, div.formLabelIndent, .iconLeft, div.serviceList,  div.serviceList3, div.serviceList4, table.data50Left, div.cols3, div.cols2 {float:left;}
.data50Right, div.photoJournal200, div.photoJournal300, div.photoJournal125, .width15Right {float:right;}
.verticalBar, .verticalBar1, .verticalBar2, .verticalBar5, .verticalBar10, .verticalBar15, .verticalBar20, .verticalBar25 {vertical-align:bottom;}
table.data th, table.compactdata th, table.compactdata25Right th, table.compactdata50Right th, table.compactdata75Right th, table.data50Right th  {text-align: center;vertical-align: middle;}
.shadowTop {vertical-align:top;}
div.banner {background-position:top;}
.alignMiddleCenter {text-align:center;vertical-align:middle;}
.alignTopNoWrap {vertical-align:top;white-space: nowrap;}

/* BORDERS */
div.nav, ul.step, div.step, div.introduction, div.news, div.topLinks, div.bigFeature, div.smallFeature, p.border, div.highlight2, p.highlight2, table.selectForm {border:1px solid #036;}
table.clinic, h2.step, h2.profiles, h2.tips, h2.related, div.stepHeader {border:0px;}
.borderTop, .shadowBorderTop, .shadowBorderTopAlignLeft, .shadowBorderTopAlignCenter, .shadowtotal, .total, table.data tfoot td, table.data50Right tfoot td, table.compactdata tfoot td {border-top:1px solid #000;}
.borderBottom, .shadowBorderBottom, .shadowBorderBottomAlignTop, .shadowBorderBottomAlignCenter, .shadowBorderBottomAlignRight  {border-bottom:1px solid #000;}
.borderLeft, .shadowBorderLeft, .shadowBorderLeftAlignTop, .shadowBorderLeftAlignCenter, .shadowBorderLeftAlignRight, .horizontalBar  {border-left:1px solid #000;}
.borderRight, .shadowBorderRight, .shadowBorderRightAlignTop, .shadowBorderRightAlignCenter, .shadowBorderRightAlignRight, .borderRightAlignRight  {border-right:1px solid #000;}
h1.newsrelease {border-top:1px solid #036;border-bottom:1px solid #036;}
div.highlight, p.highlight { border:1px solid #FC0; }
div.highlight3, p.highlight3 { border:1px solid #F00; }
ul.step li.selectedcontent { border-top:1px dotted #FC0; }
ul.step, div.step, ol.step li {border-left:1px dotted #FC0;}
table.data, table.compactdata, table.compactdata25Right, table.compactdata50Right, table.compactdata75Right, table.data50Right, table.data50Left {border: 1px solid #CFCFCF;}
a.noUnderline {text-decoration:none;}
      
/* LISTS STYLES */
ul.step { list-style-type: none; }

.hidden  {visibility:hidden; display:none;height:0px;    }

div.StepByStep { background:#036 url(/images/steps.gif) no-repeat top right;}

.clearAll {clear:both;}


img.iconRight {margin:5px;border:none;}
img.icon {border:none;width:50px;}
div.topLinks ul, div.news ul { margin-left:12px;padding-left:3px;margin-top:7px;}  
div.topLinks li, div.news li {list-style-image:url(/images/mini_arrow_gold.gif);}
div.topLinks ul li, div.news ul li, div.bigFeature li {margin:2px;}
div.bigFeature h1, div.smallFeature h1 {font-weight:normal;font-size:125%;}
div.bigFeature h1 strong,div.smallFeature h1 strong { font-family:Arial;}
div.bigFeature p, div.smallFeature p {margin:3px;line-height:105%;}
div.smallFeature table {margin:3px;}
div.bigFeature form {margin:5px 0px 0px 0px;}
div.bigFeature input, div.bigFeature select {margin-bottom:3px;}
div.serviceList,  div.serviceList3, div.serviceList4 {
    min-height:100px;
    margin-bottom:15px;
    }
div.noteMsgBox, div.officeNoteMsgBox {clear:both;}

.normalFont {font-weight:normal;}
img.image-right {margin-left:5px;}
img.image-left {margin-right:5px;}

span.greenBox, span.blueBox {width:12px;height:12px;}
span.greenBox {background-image:url(/images/line1x1_green.gif);margin:3px;}
span.blueBox {background-image:url(/images/line1x1.gif);margin:3px;}
.contour {padding:5px;border:1px dashed #036;}
.rotate {writing-mode:tb-rl;vertical-align:middle;}
.fontSize85noWrap { white-space: nowrap; }
div.provinceSelect span
{
	margin:2px;padding:3px;
	border:1px solid #036;
	background-color:#EFEFEF;
	}
h1.semiCompress, h2.semiCompress, h3.semiCompress, h4.semiCompress, h5.semiCompress, h6.semiCompress, p.semiCompress, ul.semiCompress, ol.semiCompress, div.StepByStep h1 {
	margin-top: 0px;
	margin-bottom: 5px;
}
 div.compactblackborder 
 {
	padding: 1px;
	min-height: 25px;
	font-size:75%;
	border: solid #CCC 1px;
	border-collapse:collapse;
	margin-bottom:10px;
	width:99%;
	}
.whiteBG, .news {width:98.5%;}
.news div, .whiteBG div, .topLinks div {margin:5px;}





table.compactdata25Right, table.compactdata50Right, table.compactdata75Right {float:right;margin-left:10px;}
table.compactdata25Right {width:25%;}
table.compactdata50Right {width:50%;}
table.compactdata75Right {width:75%;}
table.leftIndent100 {width:100%}
table.leftIndent100 td.leftCell {width:20%; padding-left:5%; vertical-align:top}
table.leftIndent100 td.rightCell {width:80%; vertical-align:top}
table.leftIndent100 td.rightCellLast {width:80%; vertical-align:top; padding-bottom:10px;}
.yaxis {border-right:1px solid #000;vertical-align:bottom;text-align:right;font-weight:bold;height:200px;}
.xaxis {border-top:1px solid #000;font-weight:bold;}
td.sidebarchart {padding:0px;height:10px;}
td.sidebarchart img {margin:0px;margin-right:3px;}

/* Error messages */	
div.errorMsgBox{ border: 1px solid #CC0000;	padding: 0px 0px 5px 0px;margin: 0px 0px 20px 0px;}
div.errorMsgBox p.title { background-color: #CC0000;font-size: 100%;padding: 0px 5px 0px 5px;margin: 0px 0px 5px 0px;border: 0px;color: white;font-weight: bold;}
div.errorMsgBox p {	padding: 0px 5px 0px 5px;margin: 0px;border: 0px;}
div.noteMsgBox{	border: 0px;padding: 0px 0px 5px 0px;margin: 20px 0px 20px 0px;}
div.noteMsgBox h1 { background-color: #DCDCDC; font-size: 100%; padding: 2px 0px 2px 0px;	margin: 0px 0px 5px 0px;border: 0px;color:#000000; }
div.officeNoteMsgBox{	border: 0px; font-size:90%;width:98%;}
div.officeNoteMsgBox h1 { background-color: #DCDCDC;font-size:110%;padding:2px 5px 2px 5px;margin-bottom:5px;border:0px;color:#000000; }
.law {font-style:italic;}
.colsLeft2 , .colsLeftCenter2, .colsLeft2Border {width:50%;float:left;}
.colsLeft3 , .colsLeft3Border, .colsLeftCenter3, .colsCenter3Border, .colsCenter3 {width:33%;float:left;}
.colsRight2 , .colsRightCenter2, .colsRight2Border {margin-left:50%;}
.colsRight3 , .colsRightCenter3, .colsRight3Border {margin-left:60%;}
.colsLeft2Border, .colsRight2Border, .colsLeft3Border, .colsRight3Border, .colsCenter3Border, .Border {border:1px dashed #036;}
.colsLeft2Border p, .colsRight2Border p, .colsLeft3Border p, .colsCenter3Border p, .colsRight3Border p {margin:5px;}
li.Border {padding:3px;margin-top:3px;margin-bottom:3px;}
.colsLeftCenter2, .colsRightCenter2 {text-align:center;}
li div.Border {margin-bottom:2px;}
table.compare, .bigfeature form {margin:0px;padding:0px;border-collapse: collapse;}
table.compare td {border:1px dashed #036;padding:3px;vertical-align:top;margin:0px;}
table.compare p, table.compare ul, table.compare ol {margin-top:0px;}
table.compare ul, table.compare ol {margin-left:21px;padding-left:0px;}
table.formsList, table.formsListb {width:100%;margin-bottom:5px;}

table.formsList td, table.formsListb td {padding-bottom:5px;}
th.pptcBlue, th.pptcGreen, th.pptcRed, th.pptcPale {padding:2px;}


@media print {
	.foot2, .topPage {display:none;}
}

/* Clinic */
table.clinic
{
    border-collapse:collapse;
    }

table.clinic th
{
    text-align:left;
    }

table.clinic td
{
    vertical-align:top;
    padding-bottom: 10px;
         
    }    
    
.clinicColumn2
{
    padding-left:20px;
}
    
table.clinic td td
{
    padding-bottom:0px;        
    
    }
    

/* OFFICIAL TRAVEL*/
.otContainer span
{
    font-weight:bold;
    margin-bottom: 20px;
    }


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