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

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


/**************************************************/
/*START Adding new styles*/

/* Horizontal Line used to seperate title from content */
div.main hr { 
	   height: 4px; 
	   border: 0;
	   width: 100%;
	   color: #da7926;
	   background-color: #da7926
}

/* Horizontal Line used to seperate content */
div.secondary hr { 
	   height: 1px; 
	   border: 0;
	   width: 85%;
	   color: #333333;
	   text-align:center;
}

/*FINISH Added new styles*/
/**************************************************/

/**************************************************/
/*START Overwrite styles from base.css*/

ul.nav, ul.nav2 {
	background-color:#929498;
}

/*FINISH Overwrite styles from base.css*/
/**************************************************/

/**************************************************/
/*START Overwrite styles from base-institution.css*/

body {
	background-color: white;
}

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	background-color: white;
	/*height: 140px;*/
	margin-top: 0px;
}

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {
	background-color: #da7926;
	/*background-image:url("../images/menu-background.gif");*/
	background-repeat:no-repeat;
}

div.prodis {
	background-color: #da7926;
}

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center h1, h2, h3, h4, h5, h6 {
	color: #333333;
}

div.center a:visited {
	color: #da7926;
}

div.blackborder {
	border: solid #333333 1px;
}

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline 
{
	background-color: #da7926;
	height: 30px;
}

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px solid #FFF;	
}

div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #000;
	background-color: #929498;
}

/*FINISH Overwrite styles from base-institution.css*/
/**************************************************/

/*START Overwrite styles from wp-pa-institution.css*/
/**************************************************/
div.headcontainer {
	background-color: #EEEEEE;
}

div.msgarea h1, div.msgareaalt h1 
{
	background-color:da7926;
}
/*FINISH Overwrite styles from wp-pa-institution.css*/
/**************************************************/

div.hr hr { display: none; }

/* Box on right side of index contaning phone numbers for infoline and help center */ 
div.infobox {
	border-width: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: 2255aa;
}
div.infobox th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: 2255aa;
}
div.infobox td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: 2255aa;
}

/*Links on right menu (Highlights, Forms and Links)*/
h2.linkBox {
	font-size: 12.0pt;
	font-weight: 700;
	line-height: 2.6em;
	background-color: #da7926;
	color: #FFF;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}

.searchresult1
{
	background-color:#E6EEF7;
	margin-bottom: 2px;
	border-color:#CCCCCC;
	border:thin;
	border-style:dotted;
	padding:1em;
}

.searchresult2
{
	background-color:#FFFFFF;
	border-color:#CCCCCC;
	border:thin;
	border-style:dotted;
	margin-bottom: 2px;
	padding:1em;
}


ul.nav3 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.nav3 {
	margin-left: 18px;
	list-style-type: lower-roman;
}

div.banner p.main
{
	margin-top: 40px;
}

li.fiptext, li.fiptexta, li.fiptextb, li.fiptextc {
	min-width: 5.5em;
}

li.fiptext {
	width: 13.6%;
}
li.fiptexta {
	width: 16%;
}
li.fiptextb {
	width: 16%;
}

div.news
{
	border: thin solid black;
}

div.news p
{
	margin-left: 5px;
	margin-right: 5px;
}

div.center h1.newsheader, h2.newsheader, h3.newsheader, h4.newsheader, h5.newsheader, h6.newsheader
{
	color: #FFF;
	background-color: #da7926;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 2px;
}

p.miniheader 
{
	color: #FFF;
	background-color: #da7926;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 2px;
}

.highlightbox 
{
	border: thin solid black;
	color: black;
	background-color: lightgrey;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

.highlightbox p, div.news p
{
	margin-left: 5px;
	margin-right: 5px;
}

#colored
{
	background: beige;
}

table.thetable
{
	width: 586px;
	border: 1px black solid;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
}


table.thetable tr.header
{
	color: white;
	background-color: #006599;
	border: 1px black solid;
	text-align: center;
}

table.thetable td
{
	border: 1px black solid;
}

hr.centeredline
{
	color: black;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;	
}

div.footnotes
{
	font-size: 70%;
}

img.centered
{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}

div.bannerbox
{
	float: right;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width: 755px;
}

div.subbox
{
	float: right;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width: 605px;
}

div.picturebox
{
	float: left; 
	width: 100%; 
	margin-right: auto; 
	margin-left: 5px;
}

div.leftbox
{
	min-width: 200px;
	float: left;
}

div.rightbox
{
	width: 65%;
	float: left;
}

.boxedlist li
{
	margin-bottom: 5px;
	border: 1px black solid;
	margin-right: 5px;
	padding: 3px;
	background-color: BlanchedAlmond;
}

.boxedlist li.altboxeditem
{
	background-color: LightCyan;
}

div.downloadbox
{
	width: 200px;
	margin-right: auto;
	margin-left:auto;
	text-align: center;
	margin-bottom: 10px;
}

div.bannerDownload
{
	/*background-image:url("../images/downloadBanner-bkg.jpeg");*/
	background-image:url("../images/pdftest.png");
	height: 51px;
	width: 468px;
	margin-right: 0px;
	margin-left: auto;
}

img.icon
{
	margin-top: 4px;
}

div.boxDLIcon
{
	width: 44px;
	margin-left: 10px;
	margin-right: 0px;
	float: left;
}

div.boxDLtext
{
	float: left;
}

div.bannerdownloadtext 
{
	margin-top: 12px;
	color: black;
	width: 405px;
}

div.bannerdownloadtext a:visited, div.bannerdownloadtext a:link
{
	text-decoration: none;
	color: black;
	font-size: 13px;
	font-weight: bold;
	padding: 4px;
}

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

dt
{
	font-weight: bold;
}

dd
{
	margin-bottom: 10px;
}

.spacelist li
{
	margin-bottom: 10px;
}

/* CSS POPUP */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; width:30em;
    border:1px solid black;
    background-color:orange; color:#000;
    text-align: left;}
	
a.info span p
{
	padding: 4px;
}

/* -------------------------------------------------------- */

div.deadline2
{
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border:1px solid red;
	/*background-image:url("../images/paper.jpg");
	background-color: #FFB473;*/
	background-image:url("../images/deadlinebackground-l.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
}

div.deadline2 h2
{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	background: red;
	color: white;
}

p.title1
{
	text-align: center;
	text-transform: uppercase;
	padding-top: 0px;
	margin-top: 0px;
	color: red;
}

div.deadline2 p
{
	padding-top: 10px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}

div.deadline2 p a
{
	border: 1px solid black;
	border-bottom: 2px;
	border-right: 2px;
	background: white;
	padding: 3px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

div.deadline2 span.timeleft
{
	color: red;
	/*vertical-align: center;
	vertical-align: middle;
	border:1px solid #da7926;
	padding: 3px;
	background: white;*/
}

div.sidescript p
{
	padding-top: 2px;
	margin-top: 0px;
	padding-left: 3px;
	padding-bottom: 5px;
	background: black;
	color: white;
	font-size: 10px;
}

/* -------------------------------------------------------- */

div.deadline
{
	width: 100%;
	padding-bottom: 5px;
}

div.deadline h2
{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	background: #da7926;
	color: white;
}

div.datebox
{
	background: black;
	display: block;
	color: white;
	float: left;
	width: 150px;
	height: 100px;
	position:relative; 
}

div.datebox p
{
	width: 150px;
	min-height: 50px;
	text-align: center;
	padding-left:0px;
	margin-left: 0px;
	position: absolute;
	top:50%;
	margin-top:-25px;
	text-transform: uppercase;
}

div.contentbox
{
	float: left;
	background: silver;
	height: 100px;
	width: 251px;
}

div.contentbox p
{
	padding-top: 10px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 3px;
}

div.contentbox p a
{
	border: 1px solid black;
	background: white;
	padding: 3px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

div.contentbox span.timeleft
{
	color: red;
	vertical-align: center;
}