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

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
h2.nav 
{
font-size: 90%;
padding-bottom: 2px;
padding-top: 2px;
font-weight: bolder;
line-height: 1.3em;
}

li.menucontent
{
line-height: 17px;
}

a.menulink
{
font-size: 90%;
/*font-weight: 700;*/
margin-left: 0px;
}

/* left menu - menu gauche - option 2 */
#leftmenu2 .menucontent
{
/*border-bottom-width: 1px;*/
/*border-bottom-style: dashed;*/
/*border-bottom-color: #999999;*/
}

#leftmenu2 .menucontent, #leftmenu2 .menulink
{
background-color: #CFE6F3;
}

/* Right menu - menu gauche - option 2 */
#rightmenu2 .menucontent
{
/*border-bottom-width: 1px;*/
/*border-bottom-style: dashed;*/
/*border-bottom-color: #999999;*/
}

#rightmenu2 .menucontent, #rightmenu2 .menulink
{
background-color: #74002B;
color:#fff;
}
h2#rightmenu2h2 {
background-color: #005AAD;
/*border: solid 1px #AC5900;*/
}

#rightmenu3 .menucontent, #rightmenu3 .menulink
{
background-color: #D9DD92;
color:#535C31;
}
h2#rightmenu3 h2 {
background-color: #68733D;
}


.addspace
{
line-height: 3px;
}

.option1 {
	border: 1px solid #aaa;
	padding:5px;
	background:url(/images/option1_bg.jpg) #FAFAFA repeat-x;

}
div.option1 h1 {
background:none;
padding:5px 0 5px 0;
}

.option2 {
		margin: 8px 0 8px 0;
		padding: 0;
		border: 1px solid #aaa;
		background:#FAFAFA;
		}

div.option2 h2 {
		background:url(/images/h2_bg.jpg) repeat-x;
		margin: 0;
		padding: 3px;
		color: #74002B;
		font-weight:bold;
		border-bottom:1px solid #aaa;
		}

	.option2 p {
		margin: 0;
		padding: 5px;
		}
	.option2 h1 {
	border-bottom:1px solid #aaa;
	}

.option3 {
/*		margin: 5px 0 5px 0;*/
		padding: 0;
		border: 1px solid #aaa;
		background:#fff;
		border: solid 1px #aaa;
		}

div.option3 h2 {
		background:url(/images/h2_bg.jpg) repeat-x;
		margin: 0;
		padding: 3px;
		color: #74002B;
		font-weight:bold;
		border-bottom:1px solid #aaa;
		}

	.option3 p {
		margin: 0;
		padding: 5px;
		}
	.option4 {
		margin: 0 0 8px;
		padding: 8px;
		border: 1px dashed #57747B;
		background: #eee;
		}

	.option4 h2, h3, h4, h5 {
		margin-top: 0;
		}
		

.option5 {
	border: 1px solid #aaa;
	padding:5px;
	background:#fafafa;
}

div.option5 h1{
background:none;
}

div.option5 h2 {
		color: #003A63;
		}


/************************** NEWS BOX *******************************************/
.NewsBox{
width:390px;
margin:20px auto;
}
.NewsBoxImg {
width:90px;
height:90px;
display:block;
clear:right;
padding:0;
}
.NewsBoxTxt {
width:292px;
margin:-90px 0 0 102px;
display:block;
min-height:90px;
padding:0 3px 3px 3px;
}

.NewsBox p{
color:#27A4E5;
padding:0;
margin:0;

}

/******************** NEWS BOX2 LIST ********************************************/

.NewsBox2{
}

.NewsBox2 ul{
list-style:none;
margin:0;
padding:5px 5px 30px 5px;
}

.NewsBox2 li{
padding:0 10px 30px 0;
margin:0 0 0 120px;
color:#27A4E5;
min-height:90px;
}

.NewsBox2Img {
width:90px;
height:90px;
float:left;
margin:0 0 0 -120px;
padding:4px 0 0 5px;
}



/***************************************************************************************************/		


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

/* TABBED PANEL CSS BEGIN | DEBUT DU CSS TABBED PANEL */

div.tabs {
	margin: 0px;
	padding: 0px;
}

div.tabs h2{
margin:0;
padding:0;
}

div.tabs ul.tab-list {
	margin: 0 0 29px 1px;
	padding: 1px;
	list-style: none;
	display: block;
}

div.tabs ul.tab-list li {
	position:relative;
	background: #CCC;
	float:left;
	display:inline;
	font: bold 0.9em sans-serif;
	width:93px;
	margin:0 2px 0 0;
	text-align:center;
}

div.tabs ul.tab-list li a {
	display:block;
	color: #000;
	text-decoration: none;
	background:#1D3D54 url(/images/tbpnl-pnao/tbnrbg-pnnrap.jpg) repeat-x top left;
	color:#fff;
	height:24px;
	font-weight:normal;
	font-size: 80%;
	padding:3px 1px;
	text-align:center;

}

div.tabs ul.tab-list li a:hover {
	background:#041a27 url(/images/tbpnl-pnao/tbnhrbg-pnnhrap.jpg) repeat-x top left;
	color: #fff;
}
div.tabs ul.tab-list li a:visited {
	color: #fff;
}

div.tabs ul.tab-list li.tab-selected a {
	background:#eff5f5 url(/images/tbpnl-pnao/tbs-pns.jpg) no-repeat top left;
	color:#000;
	outline-style:none;
	color: #000;
	/*margin:0;*/
}
div.tabs ul.tab-list li.tab-selected a:visited {
	color: #000;
	/*margin:0;*/
}

div.tabs div.panel {
	margin: 2px;
	padding: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background:#fff url(/images/tab-bg.jpg) repeat-x;
	display: block;
}

/* TABBED PANEL CSS END | FIN DU CSS TABBED PANEL */
.pointer{
padding-left: 10px;
padding-bottom: 3px;
background-image: url(/images/arw-blt.gif);
background-repeat: no-repeat;
background-position: 0 1em;
}


/* ---------- Double-spaced List
--------------------------- */
ul.double-space,
ol.double-space {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Apply a space after a list item */
ul.double-space li,
ol.double-space li {
	padding-bottom: 1em;
}

/* Include a space at the top of the list */
ul.double-space ul,
ol.double-space ol,
ul.double-space ol,
ol.double-space ul {
	padding-top: 1em;
}

/******************/
ul.half-space,
ol.half-space {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Apply a space after a list item */
ul.half-space li,
ol.half-space li {
	padding-bottom: 0.5em;
}

/* Include a space at the top of the list */
ul.half-space ul,
ol.half-space ol,
ul.half-space ol,
ol.half-space ul {
	padding-top: 0.5em;
}
/******************/


/* Remove the extra spacing after the list */
ul.single-space,
ol.single-space {
	margin-bottom: 0;
}

/* Remove the extra space after the list item. */
ul.single-space li,
ol.single-space li {
	padding-bottom: 0;
}
/* End Double-spaced list*/


/*********************************************************/
/* example list definition (only applies to example lists) */

ul.example li { 
	/*font-style:italic;*/
	list-style:circle;
	/*padding-left: 18px;*/
	padding-bottom: 0.8em;
	/*padding-top: 1em;*/ /* only use for nested lists */
	margin-bottom: 0;
}

ul{list-style:disc;}
ul ul{list-style:disc;}
ul ul ul{list-style:disc;}
ul ul ul ul{list-style:disc;}


/*.example li ul li{ padding-top: 1em; }*/

ul.example p { 
	font-style:normal;
	margin-bottom: 0;
	padding-bottom: 0.8em;
	 }

p.noSpaces { padding-bottom: 0; margin-bottom: 0; padding-top:0; margin-top:0; }

li.noGraphic {list-style:none; }

/* end example list definition */
/**********************************************************/


/* SLIDESHOW CSS BEGIN | DEBUT DU CSS SLIDESHOW */
div#slideinterface {
	padding: 0;
	margin: 0;
	background: url(/images/sshw-mdiap/deco.gif) #ffffff no-repeat right;
	width: 403px;
}

div.ssh {
	/*margin: 0 0 8px;
	padding-left: 8px;
	padding-right: 7px;
	padding-top: 8px;
	padding-bottom: 8px;*/
	width: 403px;
}

div.ssh ul{
	margin: 0;	
	padding:0;	
	background-color:#fff;
	width: 403px; 
}

div.ssh ul li {
	margin-left: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	/*margin-left: -12px;
	margin-bottom: 12px;*/
}

/* SLIDESHOW CSS END | FIN DU CSS SLIDESHOW */

.ImageRow{
width:380px;
display:block;
padding:10px;
}
.ImageFloatRight{
float:right;

}
/************TERMIUM PICTURE**********************/
#TermiumPic{
width:400px;
height:167px;
background: #fff url(/images/w-b-600-bg.png);
}
#TermiumPic h3{
color:#000000;
/*font-weight:bold;*/
padding:35px 2px 0px 130px;
text-align:right;
font-size:18px;
}

#TermiumPic h3 a{
color:#000000;
}

#TermiumPic p{
color:#29557F;
font-weight:bold;
padding:0px 2px 0px 130px;
text-align:right;
font-size:12px;
}

#TermiumPic p a{
color:#29557F;
}

.darkRed{
color:#AF0808;
}



/* TABLE CLASSES *************************
-------------------------- */
table.basic {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}
	
table.basic caption {
	font-weight: bold;
	padding: 10px;
	text-align:left; /* aligned to the left as per clients request July 22 2009 - Yvan*/
}
	
table.basic td, table.basic th {
	padding: 5px;
	border: 1px solid #aaa;
	vertical-align: top;
}

table.basic th {
	background: #57747B;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

/* A header with a row scope can use a different alignment. */
table.basic th.row {
	text-align: left;
	vertical-align: top;
}

/* ---------- MORE TABLE FORMATTING 
------------------------ */

/* Cell Highlight */
tr.highlight, td.highlight {
	background: #eee;
}

/* Secondary Header for Basic Table */
/* A secondary headers looks different to emphasize a different level of hierarchy */
table.basic th.secondary {
	background: #fff;
	color: #369;
}

/* Void Table Cell */
table tr td.void, table tr th.void {
	background: none;
	border-width: 0;
}



/*DL LIST*************************************/

dl.basic dt {
	font-weight: bold;
	margin-bottom: 1em;
}

dl.basic dd {
	margin-bottom: 1em;
}


/* ---------- Display DL as 2 Column 
----------------------------------- */
dl.two-column {
	margin:  0;
	padding: 0;
}

/* Common styles for left and right columns */
dl.two-column dt, dl.two-column dd {
	width: 60%;
	padding: 0.5em 0 1em 0;
	margin: 0;
	float: left;
	border-top: 1px dotted #ccc;
}

/* Styles specific to the left column for terms */
dl.two-column dt {
	width: 38%;
	font-weight: bold;
	padding-right: 2%;
}

/**********************************************************************************************/
/*Round Corners*/
/**********************************************************************************************/
/*
.RCTR{
	border: solid 1px #74002b;
    -webkit-border-top-right-radius: .7em;
	-webkit-border-top-left-radius: .7em;
	-moz-border-radius-topright: .7em;
	-moz-border-radius-topleft: .7em;
    border-radius: .7em;
}

.RCTB{
	border: solid 1px #005AAD;
    -webkit-border-top-right-radius: .7em;
	-webkit-border-top-left-radius: .7em;
	-moz-border-radius-topright: .7em;
	-moz-border-radius-topleft: .7em;
    border-radius: .7em;
}
.RCBB{
	border: solid 1px #CFE6F3;
    -webkit-border-bottom-right-radius: .7em;
	-webkit-border-bottom-left-radius: .7em;
	-moz-border-radius-bottomright: .7em;
	-moz-border-radius-bottomleft: .7em;
    border-radius: .7em;
}
.RCBR{
	border: solid 1px #74002b;
    -webkit-border-bottom-right-radius: .7em;
	-webkit-border-bottom-left-radius: .7em;
	-moz-border-radius-bottomright: .7em;
	-moz-border-radius-bottomleft: .7em;
    border-radius: .7em;
}
*/
.BehindPic{
background:#74002B;

}

/*Class for underlining languages that have explanatory meaning*/
.explain {
border-bottom: 1px dashed #666;
}

/*********************************************************************************************/
/*      FORM STYLE         */
/*********************************************************************************************/

.texta {
 font-size: 12px;
 background-color: #fff;
 border: 1px solid #370014;
 width:160px;
 margin:5px 0 5px 0;
 padding:2px 0;
 color: #000;
}

form#termium {
margin:0 0 0 3px;
padding:2px;
background:none;
height:140px;
}

#termium .label{
color:#fff;
padding:3px 10px 1px 2px;
}

.dropdown{
 font-size: 12px;
 background-color: #fff;
 border: 1px solid #370014;
 width:162px;
 margin:5px 0 5px 0;
 padding:2px 0;
 color: #000;
}

#termium .buttons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #005AAD;
 color: #FFFFFF;
 padding:1px;
 margin:0 11px 0 0;
 border:1px solid #2982D3;
 float:right;
}

#termium .buttonsf {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #005AAD;
 color: #FFFFFF;
 /*margin:2px 0 0 80px;*/
 padding:0;
 border:1px solid #2982D3;
}


.mapHigh{
border:none;
}