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

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

/* FONTS */
h1, h2, h3, h4, h5, h6 {color:#036;}
div.center2 h1,div.center3 h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	font-weight: bold;
}
div.topLinks a, div.topLinks a:hover, div.topLinks a:visited, div.topLinks a:link {font-size:95%; text-decoration:none;}
div.topLinks { padding:5px;}
div.topLinks {margin-left:0px;}
div.topLinks h1 {margin-bottom:-5px;}
div.topLinks {min-height:98px;}
div.topLinks {border:1px solid #CCC;}
div.topLinks ul { margin-left:12px;padding-left:3px;margin-top:7px;}
div.topLinks li {list-style-image:url(/images/mini_arrow_gold.gif);}
div.topLinks ul li {margin:2px;}

ul li {vertical-align:top;}
li textarea, li input, li select {margin-bottom:10px;display:block;margin-top:0px;padding:0px;}
ul li {padding:0px;margin:0px;}
li.menucontent, div.menucontent {color:#036;}
div.center2 ul li,div.center3 ul li {list-style-image:url(/consultations/template/images/bullet.gif);}

h2.nav {font-size:110%;}
.headline, h2.step, h2.profiles, h2.tips, h2.related, div.stepHeader { font-size:100%; }
div.center3, div.center2, div.left h2 {font-size:90%;}
div.right, sup, div.tableJournal, div.tableJournal300, div.tableJournal450, .fontSize85noWrap {font-size:90%;}

/* COLORS */
div.center2, div.center3 { background-color: #FFF;}
ol.step li.selectedcontent, ul.step li.selectedcontent { background-color:#FC0; }
h2.step, div.stepHeader, th.pptcBlue {background-color:#036;}
table.formsListb {background-color:#EEE;}
h1, ul.step li.menucontent a.menulink, ul.step li.selectedcontent {color:#036;}

/* AREAS */
div.right div.nav, div.right li.menucontent {line-height:150%;}
* html div.center2 h1, * html div.center3 h1, div.tableJournal { width: 100%;}
div.serviceList, .clinicColumn2 { width:50%; }
div.serviceList3 { width:33%; }
div.serviceList4 { width:25%; }
div.nav, ul.step, div.step, div.provinceSelect { margin-bottom:10px; }
div.bigFeature, div.smallFeature {margin-bottom:5px;}
table.clinic {margin:0px;}
ul.step, table.clinic { padding:0px; }

/* ALIGNEMENTS */
div.provinceSelect {text-align:center;}

/* BORDERS */
ul.step, div.step, ol.step li {border-left:1px dotted #FC0;}
ul.step, div.step {border:1px solid #000;}
table.clinic {border:0px;}


div.center2 div.gcinit div, div.center3 div.gcinit div {
	margin-right: 4px;
	margin-bottom: 5px;
	float: left;
}
.radio {
    text-align:center;
    width:72px;
}
div.highlight, p.highlight {
    border:1px solid #FC0;
    background-color:#FFC;
    color:#C00;
}
div.highlight2, p.highlight2 {
    border:1px solid #036;
    background-color:#EEE;
    color:#000;
    padding:5px;
}
div.right ul.nav li { margin-bottom:3px;}
      
/*Étape par Étape*/

h2.step strong, div.stepHeader strong {color:#FC0;}

h1.newsrelease {text-align:center;border-top:1px solid #036;border-bottom:1px solid #036;margin-bottom:0px;padding-top:5px;padding-bottom:5px;}
div.introduction, div.news {margin-left:0px;border:1px solid #000;padding:5px;margin-bottom:5px;font-size:95%;}
div.introduction h1, div.news h1, div.topLinks h1 {margin-bottom:-5px;}
div.introduction, div.news {width:193px;}
div.introduction {height:115px;}

 .hidden  {visibility:hidden; display:none;height:0px;    }
a.featureHeader {font-size:155%; letter-spacing: -1px; font-family:Arial;margin:2px 2px 5px 0px;line-height:105%; }
div.mail, div.courier, div.cofi {font-size:95%;}
div.mail {width:50%;float:left;}
div.courier {margin-left:50%;}
div.formLabel, div.formLabelIndent {width:250px;float:left;}
div.formField {margin-left:250px;}
div.formField,div.formLabel,div.formFieldIndent {padding-top:10px;}

div.noteMsgBox, div.officeNoteMsgBox {clear:both;}

.normalFont {font-weight:normal;}
img.image-right {margin-left:5px;}
img.image-left {margin-right:5px;}
/*div.info {clear:left;}*/

div.photoJournal200, div.photoJournal300, div.photoJournal125 {float:right;margin-left:10px;border-bottom:3px solid #FC0;padding-bottom:2px;margin-bottom:3px;font-size:85%;}
div.photoJournal125, div.tableJournal125 {width:125px;}
div.photoJournal200, div.tableJournal200 {width:200px;}
div.photoJournal300, div.tableJournal300 {width:300px;}
div.photoJournal450, div.tableJournal450 {width:450px;}
div.tableJournal, div.tableJournal300, div.tableJournal450 {border-bottom:2px solid #FC0;}
div.tableJournal200,div.tableJournal300, div.tableJournal450 {margin-left:10px;float:right;margin-bottom:3px;}

div.tableJournal div, div.tableJournal200 div, div.tableJournal300 div, div.tableJournal450 div {padding:2px;}
div.tableJournal div.header, div.tableJournal200 div.header, div.tableJournal300 div.header, div.tableJournal450 div.header, div.header {background-color:#036;color:#FFF;font-weight:bold;padding:2px;text-align:center;}
div.tableJournal div.total, div.tableJournal200 div.total, div.tableJournal300 div.total, div.tableJournal450 div.total {background-color:#EFEFEF;font-weight:bold;padding:2px;border-top:2px solid #000;}
.bold, .shadowBold {font-weight:bold;}
.shadow {text-align:left;}
.shadow, .shadowBold, .shadowCenter, .shadowRight {background-color:#FFC;}
.shadowCenter {text-align:center;}
.shadowRight {text-align:right;}
.width15Right {width:15%;float:right;text-align:right;}
.contour {padding:5px;border:1px dashed #036;}
.fontSize85noWrap { white-space: nowrap; }
div.image-right {width:250px;float:right;border-bottom:1px solid #CC9;font-size:85%;margin-left:10px;margin-bottom:5px;}
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 {
	margin-top: 0px;
	margin-bottom: 5px;
}
div.cols3 
{
    width:33%;
    float:left;
    min-height:75px;
    }
 div.compactblackborder 
 {
	padding: 1px;
	min-height: 25px;
	font-size:75%;
	border: solid #CCC 1px;
	border-collapse:collapse;
	margin-bottom:10px;
	width:99%;
	}
table.data, table.compactdata, table.compactdata25Right, table.compactdata50Right, table.compactdata75Right {border: 1px solid #CC6;border-collapse: collapse;margin-bottom:10px;width:100%;background-color:#FFF;}
table.data td{padding:2px;}
table.compactdata, table.compactdata25Right, table.compactdata50Right, table.compactdata75Right {font-size:80%;}
table.data th, table.compactdata th, table.compactdata25Right th, table.compactdata50Right th, table.compactdata75Right th  {background-color: #CC6;font-weight: bold;text-align: center;vertical-align: middle;}
table.compactdata th, table.compactdata25Right th, table.compactdata50Right th, table.compactdata75Right th {padding:2px;}
table.compactdata td, table.compactdata25Right td, table.compactdata50Right td, table.compactdata75Right td {padding:2px;}
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;}
.xaxis {border-top:1px solid #000;font-weight:bold;}
td.barchart {vertical-align:bottom;padding:0px;}
td.sidebarchart {padding:0px;height:10px;}
td.sidebarchart img {margin:0px;margin-right:3px;}
td.value125 { background-image:url(/publications/images/gridline125.gif); }
td.value100 { background-image:url(/publications/images/gridline100.gif); }
td.value75 { background-image:url(/publications/images/gridline75.gif); }
td.value50 { background-image:url(/publications/images/gridline50.gif); }
td.value25 { background-image:url(/publications/images/gridline25.gif); }
td.vvalue50 { background:url(/publications/images/vgridline50.gif) bottom left; }
td.value125, td.value100, td.value75, td.value50, td.value25 {
	background-repeat: repeat-x;
	background-position: left top;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding:0;
	border-bottom: none;
	background-color:transparent;
	white-space:nowrap;
}
    div.phase, div.xphase {text-align:center;vertical-align:middle;}
    div.phase p, div.xphase p {margin:2px;}
     div.phase {margin-bottom:4px;margin-top:4px;border:1px solid #C90;padding:5px;margin-right:10px;margin-left:10px;color:#CCC;background:#036;min-height:40px;font-size:80%;} 
     div.xphase {margin-bottom:2px;margin-top:2px;border:4px solid #FC0;padding:10px;min-height:60px;color:#FFF;background:#369;font-size:100%;}   
div.xphase a,div.xphase a:hover,div.xphase a:link,div.xphase a:active,div.xphase a:visited {color:#FFF;text-decoration:none;}
div.phase a,div.phase a:hover,div.phase a:link,div.phase a:active,div.phase a:visited {color:#CCC;text-decoration:none;}
/* 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%;/*padding: 0px 0px 5px 0px;margin: 20px 0px 20px 0px;*/}
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 {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;}

table.hbc td, table.hbc_mini td  {
	padding: 2px 2px;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	background-color:#fff;
}
table.hbc td.value125 img, table.hbc td.value100 img, table.hbc td.value75 img, table.hbc td.value50 img, table.hbc td.value25 img {
	vertical-align: middle;
	margin: 2px 2px 2px 0;
}
table.hbc_mini td.value125 img, table.hbc_mini td.value100 img, table.hbc_mini td.value75 img, table.hbc_mini td.value50 img, table.hbc_mini td.value25 img {
	vertical-align: middle;
	margin: 1px 1px 1px 0;
}
table.hbc th, table.hbc_mini th {
	text-align: left;
	vertical-align:top;
}
table.hbc td.last, table.hbc_mini td.last {
	border-bottom:1px solid #e5e5e5;
}
table.hbc td.first, table.hbc_mini td.first {
	border-top:1px solid #e5e5e5;
}
table.hbc td.legend, table.hbc_mini td.legend {
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.auraltext
{
	position: absolute;
	font-size: 0;
	left: -1000px;
}
table.hbc, table.hbc_mini {
	background-image:url(bg_fade.png);
	background-repeat:repeat-x;
	background-position:left top;
	width: 98.5%;
}
table.hbc_mini {font-size:85%;}

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

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