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

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
/*EPIC UTILITY CLASSES BEGINS*/

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */


/*FONT STYLE */

.italic {
font-style:italic;
}
.normal {
font-style: normal;
font-weight: normal;
}


/*FONT WEIGHT*/

.bold{
font-weight: bold;
}


/* UL & OL NO INDENT*/

ul.noIndent {
margin-left: 10px;
padding-left: 9px;
}

ol.noIndent {
margin-left: 10px;
padding-left: 18px;
}


/* UL & OL  SPACE*/
ol.space li { 
margin-bottom:20px; 
margin-top:20px; 
}

ul.space li { 
margin-bottom:20px; 
margin-top:20px; 
}


/* FOOTNOTE*/

p.footnote{
font-size: 85%;
color: #000000; 
font-style: normal;
}


/*  MARGIN BEGINS   */ 

.margin1 {
margin: 1px;
}
.margin2 {
margin: 2px;
}
.margin3 {
margin: 3px;
}
.margin4 {
margin: 4px;
}
.margin5 {
margin: 5px;
}
.margin8 {
margin: 8px;
}
.margin10 {
margin: 10px;
}
.margin12 {
margin: 12px;
}
.margin15 {
margin: 15px;
}
.margin16 {
margin: 16px;
}
.margin20 {
margin: 20px;
}
.margin40 {
margin: 40px;
}


/*  MARGIN TOP  */

.marginTop1 {
margin-top: 1px;
}
.marginTop2 {
margin-top: 2px;
}
.marginTop3 {
margin-top: 3px;
}
.marginTop4 {
margin-top: 4px;
}
.marginTop5 {
margin-top: 5px;
}
.marginTop8 {
margin-top: 8px;
}
.marginTop12 {
margin-top: 12px;
}
.marginTop16 {
margin-top: 16px;
}
.marginTop20 {
margin-top: 20px;
}


/*  MARGIN BOTTOM  */

.marginBottom1 {
margin-bottom: 1px;
}
.marginBottom2 {
margin-bottom: 2px;
}
.marginBottom3 {
margin-bottom: 3px;
}
.marginBottom4 {
margin-bottom: 4px;
}
.marginBottom5 {
margin-bottom: 5px;
}
.marginBottom8 {
margin-bottom: 8px;
}
.marginBottom12 {
margin-bottom: 12px;
}
.marginBottom16 {
margin-bottom: 16px;
}
.marginBottom20 {
margin-bottom: 20px;
}

/* MARGIN ENDS */


/* PADDING BEGINS */

.padding1 {
padding: 1px;
}
.padding2 {
padding: 2px;
}
.padding3 {
padding: 3px;
}
.padding4 {
padding: 4px;
}
.padding5 {
padding: 5px;
}
.padding6 {
padding: 6px;
}
.padding7 {
padding: 7px;
}
.padding8 {
padding: 8px;
}
.padding9 {
padding: 9px;
}
.padding12 {
padding: 12px;
}
.padding16 {
padding: 16px;
}
.padding20 {
padding: 20px;
}
.padding20 {
padding: 20px;
}


/* PADDING TOP */

.paddingTop1 {
padding-top: 1px;
}
.paddingTop2 {
padding-top: 2px;
}
.paddingTop3 {
padding-top: 3px;
}
.paddingTop4 {
padding-top: 4px;
}
.paddingTop5 {
padding-top: 5px;
}
.paddingTop6 {
padding-top: 6px;
}
.paddingTop7 {
padding-top: 7px;
}
.paddingTop8 {
padding-top: 8px;
}
.paddingTop12 {
padding-top: 12px;
}
.paddingTop16 {
padding-top: 16px;
}
.paddingTop20 {
padding-top: 20px;
}


/* PADDING BOTTOM */

.paddingBottom1 {
padding-bottom: 1px;
}
.paddingBottom2 {
padding-bottom: 2px;
}
.paddingBottom3 {
padding-bottom: 3px;
}
.paddingBottom4 {
padding-bottom: 4px;
}
.paddingBottom5 {
padding-bottom: 5px;
}
.paddingBottom6 {
padding-bottom: 6px;
}
.paddingBottom7 {
padding-bottom: 7px;
}
.paddingBottom8 {
padding-bottom: 8px;
}
.paddingBottom12 {
padding-bottom: 12px;
}
.paddingBottom16 {
padding-bottom: 16px;
}
.paddingBottom20 {
padding-bottom: 20px;
}

/* PADDING ENDS */


/* COLOURED BORDERS */

/* 4 SIDES */

.boxAthin{
 border: #000000 solid 1px;
}
.boxAthick{
 border: #000000 solid 3px;
}
.boxBthin{
 border: #CCCCCC solid 1px;
}
.boxBthick{
 border: #CCCCCC solid 3px;
}
.boxCthin{
 border: #6699CC solid 1px;
}
.boxCthick{
 border: #6699CC solid 3px;
}


/*  TOP BORDER ONLY */

.borderTopAthin{
 border-top: #000000 solid 1px;
}
.borderTopAthick{
 border-top: #000000 solid 3px;
}
.borderTopBthin{
 border-top: #CCCCCC solid 1px;
}
.borderTopBthick{
 border-top: #CCCCCC solid 3px;
}
.borderTopCthin{
 border-top: #6699CC solid 1px;
}
.borderTopCthick{
 border-top: #6699CC solid 3px;
}


/* BOTTOM BORDER ONLY */

.borderBottomAthin{
 border-bottom: #000000 solid 1px;
}
.borderBottomAthick{
 border-bottom: #000000 solid 3px;
}
.borderBottomBthin{
 border-bottom: #CCCCCC solid 1px;
}
.borderBottomBthick{
 border-bottom: #CCCCCC solid 3px;
}
.borderBottomCthin{
 border-bottom: #6699CC solid 1px;
}
.borderBottomCthick{
 border-bottom: #6699CC solid 3px;
}


 /* LEFT BORDER ONLY */

.borderLeftAthin{
 border-left: #000000 solid 1px;
}
.borderLeftAthick{
 border-left: #000000 solid 3px;
}
.borderLeftBthin{
 border-left: #CCCCCC solid 1px;
}
.borderLeftBthick{
 border-left: #CCCCCC solid 3px;
}
.borderLeftCthin{
 border-left: #6699CC solid 1px;
}
.borderLeftCthick{
 border-left: #6699CC solid 3px;
}


/* RIGHT BORDER ONLY */

.borderRightAthin{
 border-right: #000000 solid 1px;
}
.borderRightAthick{
 border-right: #000000 solid 3px;
}
.borderRightBthin{
 border-right: #CCCCCC solid 1px;
}
.borderRightBthick{
 border-right: #CCCCCC solid 3px;
}
.borderRightCthin{
 border-right: #6699CC solid 1px;
}
.borderRightCthick{
 border-right: #6699CC solid 3px;
}


/* NO BORDERS*/

 .borderNone {
 border: none;
}
.borderBottomNone {
 border-bottom: none;
}
.borderLeftNone {
  border-left: none;
}
.borderRightNone {
 border-right: none;
}
.borderTopNone {
 border-top: none;
}


/* Instructions for applying these classes to your site  http://www.tbs-sct.gc.ca/clf2-nsi2/tb-bo/td-dt/cccs-cscc-eng.asp - Instructions pour l'implémentation de ces classes sur votre site http://www.tbs-sct.gc.ca/clf2-nsi2/tb-bo/td-dt/cccs-cscc-fra.asp   */

/* Creating a box with a border and a background colour without using a table - Créer une boîte avec une bordure et une couleur de fond sans utiliser un tableau */
div.box {
 border: 1px solid #000000; 
}

/* Simulating a single-column, multi-row table with a background colour and a border - Simuler un tableau à une colonne et à plusieurs lignes avec une couleur de fond et une bordure */

div.boxmultirow {
 border: 1px solid #000000;
         margin:1px;
}

/* Simulating a two-column single row table - Simuler un tableau à deux colonnes et à une ligne */
div.row {
 margin: 0; 
 padding: 0; 
 width: 98.5%; 
 overflow: hidden;}
div.cols2 {
 float: left; 
 width: 49%; 
 margin: 0 3px 0 0; 
 padding: 0;
}

/* Simulating a two-column multi row table - Simuler un tableau à deux colonnes et à plusieurs lignes */
div.row {
 margin: 0; 
 padding: 0; 
 width: 98.5%; 
 overflow: hidden;
}
div.cols2 {
 float: left; 
 width: 49%; 
 margin: 0 3px 0 0; 
 padding: 0;
}

/* Simulating a three-column single row table - Simuler un tableau à trois colonnes et à une ligne*/
div.row {
 margin: 0; 
 padding: 0; 
 width: 98.5%; 
 overflow: hidden;
}
div.cols3 {
 float: left; 
 width: 32%; 
 margin: 0 3px 0 0; 
 padding: 0;
}

/* Simulating a three-column multi-row table - Simuler un tableau à trois colonnes et à plusieurs lignes */
div.row {
 margin: 0; 
 padding: 0; 
 width: 98.5%; 
 overflow: hidden;
}
div.cols3 {
 float: left; 
 width: 32%; 
 margin: 0 3px 0 0; 
 padding: 0;
}

/*Back ground colors*/
.bg999999{background-color: #999999;} 
.bgcccccc {background-color: #cccccc;} 
.bgcc6666 {background-color: #cc6666;} 
.bgccccff {background-color: #ccccff;} 
.bgccffcc {background-color: #ccffcc;} 
.bgccffff {background-color: #ccffff;} 
.bgffffff {background-color: #ffffff;} 
.bgffff99 {background-color: #ffff99;} 
.bgffffcc{background-color: #ffffcc;} 
.bgffcccc {background-color: #ffcccc;} 
.bgffccff {background-color: #ffccff;} 
.bgffcc66 {background-color: #ffcc66;} 



/*NO BORDER*/

.noBorder {
 border-style: none;
}

/*EPIC UTILITY CLASSES ENDS*/

/* APT Specific Utility classes begins */
/* image scaling css by bert bos */
div.bosPicFrame {}

div.bosFigure {
padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 0px; 
margin: 0.67em auto; border: thin solid silver; /* needed to support centering of almost-full-width figures */
/**/
}

div.bosFigure img { width: 100%; }

div.bosFigure p { /* the default "legend" style, as opposed to "caption" */
	font-family: verdana, arial, sans-serif;
	font-size: smaller;
	padding-left: 1%;
	padding-right: 1%;
	line-height: 1.1;
	margin: 0.25em auto 0 auto;
}
/* Bert Bos's figure scaling */
div.bosFigure p.bosCaption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

div.bosFigure img {display:block; margin-left:auto; margin-right:auto; }

.bosFull { width: 93%; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 0px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.bosHalf { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.bosThird { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.bosQuarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.bosFifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.bosRight { float: right; margin-left: 2%; }
.bosLeft { float: left; margin-right: 2%; }

div.underfigure {width:100%;} 
p.besidefigure {padding-top: 1em;} 
/* end figure-divs */
p.besidefigureright {padding-top: 1em; padding-right:1em;} 
/* end figure-divs */

span.lorem { color: silver; }

/* css for design resources */
.dr {
	padding-left:.5em; padding-right:.5em;
	background-color:#cf9; color:#000;
	font-size:.8em; font-weight:bold;
}
.drdl /* design resources: d-link style color:blue; clear:both;display:screen;*/ 
{ float:right;}
.drimg /* design resources: image style  clear:left;*/ 
{margin-left:2em; margin-right:1em; margin-bottom:1em;float:right; }
 
/* Search / Results formatting */
.dc {background-color: #ffffcc;
  background-image: url(images/bk-wat-4.jpg); } 
.section {border:thin solid #666; 
	background-color:#eee; 
	color:#000; 
	padding-bottom:.5em; 
	text-align:center; 
	margin-bottom:1em;}
.kw0 {background-color:#ff3; color:#000; font-weight:bold;} /* yellow-black */
.kw1 {background-color:#f96; color:#000; font-weight:bold;} /* orange-black */
.kw2 {background-color:#cff; color:#000; font-weight:bold;} /* l_cyan-black */
.kw3 {background-color:#f33; color:#fff; font-weight:bold;} /* darkred-white */
.kw4 {background-color:#36c; color:#fff; font-weight:bold;} /* darkblu-white */
.kw5 {background-color:#063; color:#fff; font-weight:bold;} /* darkgrn-white */

/* EM for highlighting clause option legend*/
em {	color:#000; 	}
	/* padding: top right bottom left*/
em.defn	{	background-color:#ff9; padding:.1em .3em .1em .3em;}
em.proc	{background-color:#fcf; padding:0em .3em .1em .3em;}
em.spec	{background-color:#cff; padding:0em .3em .1em .3em;}
em.vend	{background-color:#cfc; padding:0em .3em .1em .3em;} 
em.disc	{background-color:#cfc; padding:0em .3em .1em .3em;}
em.enviro {background-color:#cf9; padding:0em .3em .1em .3em;}
em.advice {background-color:#ccf; padding:0em .3em .1em .3em;}

/* highlighting for glossary ap10005 and clauses (?) list-style-type:none*/
li {margin-top:.5em;line-height:1.25em;}
li.std {}
dt {font-weight:bold;line-height:1.25em;margin-bottom:1em;}
/* 
li.std  strong {
	font-size:.8em;
	font-weight:bold;
	background-color:#ff9;color:#000;
	padding-left:.5em; padding-right:.5em;padding-top:.25em;padding-bottom:.1em;
	border:1px solid black;
	} */

	/* for listing clauses */
 div.clause {
	color:#000000;
	background-color:#ffffff;
	padding-left:.5em;
	padding-top:.5em;
	padding-bottom:.25em;
	line-height:1.3em;
}
.flash /* highlighting for long-desc files */ {
	color:#f60;
	background-color:#ddd;
	font-weight:bold }

	abbr.gr {color:#009900; background-color:#fff}

div.bmark {
    background-color:#fff;
    color:#000;
    padding:1em;
    text-align:center;
    border: thin solid #000;
    font-weight:bold;
		margin:1em;
}

p.note {border: thin solid black; padding: 1em; margin:1em; color:#000; background-color:#FFC;}


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