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

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

/* Merged PSC Legacy classes */

/* remove the displayed bullets in a list */
/* don't use percentages, they vary with "page" width! */
ul.list-no-bullet li { list-style: none; margin-top: 3pt; margin-bottom: 3pt; } 

/* add more vertical space between list items */
/* don't use percentages, they vary with "page" width! */
ul.list-more-space li { margin-top: 5pt; margin-bottom: 5pt;  } 
ol.list-more-space li { margin-top: 5pt; margin-bottom: 5pt;  } 

/* table align horz-vert */
/* attach to <table>, <tr> or <td>, as required */
.td-align-top td, td.td-align-top { vertical-align: top; }
.td-align-left td, td.td-align-left { text-align: left; }
.td-align-top-left td, td.td-align-top-left  { vertical-align: top; text-align: left; }
.td-align-middle-centre td, td.td-align-middle-centre { vertical-align: middle; text-align: center; } 

/* Simple text-sizing classes, when nothing else will do */
.size-larger  { font-size: 140%; }
.size-large   { font-size: 120%; }
.size-small   { font-size:  90%; }
.size-smaller { font-size:  80%; }

/* Simple but useful color display classes. */
/* make sure information is conveyed without colour too! */
.colour-red { color: #F00; }
.colour-green { color: #0F0; }
.colour-blue { color: #00F; }
.colour-white { color: #FFF; }
.colour-psc-main { color: #900; }

/* Simple classes to "touch up" text alignement */
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-centre { text-align: center; }
.align-justify { text-align: justify; }
.indent-left { margin-left: 30pt; }

/* Quick ways to create floating images */
/* There is no way to center imgs directly in CSS: images have to be
   encapsulated in, say, an "align-center" <div> or <p> */
.image-left { float:left; vertical-align:text-top; margin-right: 10px; margin-bottom: 10px }
.image-right { float:right; vertical-align:text-top; margin-left: 10px; margin-bottom: 10px }

/* classes to define <td> width */
.width18{ width: 18px;}
.width132{ width: 132px;}
.width450{ width: 450px;}

/* PSC legacy classes */
.whiteheading {  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold}


/* PSC pull-out boxes - Added 2007-07-17 */
.BoxBorder { border: 1px solid #900; margin: 0px 0px 5px 5px; float: right; width:195px}
.BoxHeading { font-weight: bold; color: #FFF; background-color: #900; padding: 5px; text-align: center; } 
.BoxContent { padding: 5px; } 
.BoxContent ul { padding: 0px; margin: 0px 0px 0px 22px; } 
.BoxContent li { padding: 3px 0px; }
* html div.center h1 {width:auto}  /* This to correct a display problem with boxes and H1s */

/* Temporary "breadcrumb-visible" Classes - Added 2007-08-02 */
p.breadcrumb-visible, p.breadcrumb-visible a { margin:0; padding: 1px 0px 5px 3px; font-size:95%; }
p.breadcrumb-visible { color:#000; }
p.breadcrumb-visible a { color:#2E4800; }

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