/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #036;
}
div.colLayout {
	background: #FFF url(/images/clyt_bckgrnd.jpg) left repeat;
	height: 100%;
}

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

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	color: #fff;
	background-color: #069;
	background-image:url(/images/clf2/hdr.jpg);
	background-repeat:no-repeat;
}
div.banner span.apostrophe {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal; 
	font-size: 17.5pt;
	margin: 0;
	padding: 0;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
div.page div.core div.navaid a:hover,
div.page div.core div.navaid a:active,
div.page div.core div.navaid a:focus {
	color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */

/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
/* LEFT SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU GAUCHE */

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

div.grey {
	background-color: #EBEBEB;
	font:Verdana, Geneva, sans-serif; color:#000;
}

div.left {
	padding-top: 0;
	margin-top: 0;
	/* background: #069 url(/images/side_image.jpg) left repeat; */
	background-color: #069;
	color: #000;
}
div.left .menucontent {
	margin: 0;
	padding: 0;
	border-bottom: 1px #fff dashed;
	border-right: 1px #ccc solid;
	background-color: #ccc;
	color: #000;
}
div.left .menulink {
	color: #000;
	background-color: #ccc;
}
div.left ul.nav .menulink:a {
	padding: 2px 3px 2px 5px;
	display:block;
	color: #000;
	text-decoration: none;
}
div.left ul.nav .menulink:hover {
	padding: 2px 3px 2px 5px;
	display: block;
	color: #d11;
	text-decoration: none;
	background-color: #ccc;
}
div.left ul.nav .menulink:visited {
	padding: 2px 3px 2px 5px;
	display: block;
	color: #333;
	text-decoration: none;
	background-color: #ccc;
}

div.left ul.nav li strong {
	padding: 2px 3px 2px 5px;
	display:block;
	color: #000;
	text-decoration: none;
	margin:0;
	font-weight:bold;
	background-color: #ccc;
}
div.left .menucontent h3 {
	padding: 2px 3px 2px 7px;
	font-weight: normal;
	font-size: 100%;
	margin:0;
}
div.left h2.nav,div.left h2.nav a:link,div.left h2.nav a:visited,div.left h2.nav .menulink:hover{
	background-color: #069;
	color: #fff;
	text-decoration: none;
	padding-top: 0;
	line-height:normal;
	margin-top: 0;
}
div.left h2.nav a:hover {
	text-decoration: none;
	margin-top: 0;
}
div.left h2.nav{
	padding: 1px 3px 2px 5px;
	margin-top: 0;
}
div.left div.lineAbovePro {
	BORDER-TOP: 8px solid #069;
	PADDING-TOP: 0px;
	MARGIN-TOP: 1px;
}
/* Left SIDE MENU CSS ENDS | FIN DU CSS DU MENU GAUCHE */

/* RIGHT SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU GAUCHE */
div.right {background-color: #fff;}

div.right a:link {
	color: #000;
	background-color: transparent;
}
div.right a:hover {
	color: #d11;
	background-color: transparent;
}
div.right a:visited {
	color: #333;
	background-color: transparent;
}
div.right li ul.nav {
	border: 0;
}
div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #ccc;
	margin: 0;
	padding-left: 5px;
	text-decoration: none;
	border-bottom: dashed 1px #fff;
}
div.right a:menulink {
	color: #000;
	background-color: #ccc;
	text-decoration:none;
}
div.right a:hover.menulink {
	color: #d11;
	background-color: #ccc;
	text-decoration:underline;
}
div.right a:visited.menulink {
	color: #000;
	background-color: #ccc;
	text-decoration: none;
}
div.right h2 {
	background-color: #069;
	color: #fff;
}
.gcinit div {
	 margin-bottom: 9px;
}
div.gcinit div {
	border: 0px;
}
.gcinit span {
 color: #transparent !important;
}
.gcinit a, .gcinit a:visited, div.right .gcinit a, div.right .gcinit a:visited {
 text-decoration: none !important;
 color: #fff !important; 
 font-family: Verdana, Arial, Helvetica, Sans-serif !important;
 font-style: normal !important;
 font-variant: normal !important;
 font-weight: bold !important;
 line-height: normal !important;
 letter-spacing: normal !important;
 word-spacing: normal !important;
 background-color: transparent !important;
}
.mssg {
 text-align:left; 
 background: url(/images/mssg2010.jpg) #333 no-repeat;
 padding-top: 16px;
 padding-left: 2px;
}
.mssg span {
 position: relative;
 top: 45%;
 left: 5%;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: transparent;
}
.crsc {
 text-align: left;
	 background: url(/images/crsc_bg.jpg) #ccc no-repeat;
}
.crsc span {
 position: relative;
 top: 45%;
 left: 5%;
 color: #000;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: transparent;
}
.tbr {
 text-align: left;
 background: url(/images/pstr.jpg) #ccc no-repeat;
}
.tbr span {
 position: relative;
 top: 50%;
 left: 5%;
 color: #000;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: transparent;
}



.tpt {
 text-align: left;
 background: url(/images/tpt.jpg) #ccc no-repeat;
}
.tpt span {
 position: relative;
 top: 35%;
 padding-top: 12px;
 left: 20%;
 color: #000;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: transparent;
}

.dyk {
 text-align: left;
 background: url(/images/dyk.jpg) #ccc no-repeat;

}
.dyk span {
 position: relative;
 top: 35%;
 left: 5%;
 color: #fff;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: transparent;

}

.tt {
 text-align: center;
 background: url(/images/tt.jpg) #ccc no-repeat;
}
.tt span {
 position: relative;
 top: 50%;
 left: 5%;
 color: #000;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: transparent;
}
.ttfr {
 text-align: center;
 background: url(/images/tt2_fr.jpg) #ccc no-repeat;
}
.ttfr span {
 position: relative;
 top: 50%;
 left: 5%;
 color: #000;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: transparent;
}
.tt2 {
 text-align: center;
 background: url(/images/tt2.jpg) #ccc no-repeat;
}
.tt2 span {
 position: relative;
 top: 50%;
 left: 5%;
 color: #000;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: white;
}
.ttfr2 {
 text-align: center;
 background: url(/images/tt_fr.jpg) #ccc no-repeat;
}
.ttfr2 span {
 position: relative;
 top: 50%;
 left: 5%;
 color: #000;
 font-family: inherit;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 line-height: normal;
 letter-spacing: normal;
 word-spacing: normal;
 background-color: transparent;
}

/* RIGHT SIDE MENU CSS ENDS | FIN DU CSS DU MENU GAUCHE */
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */

div.center h1, h2, h3, h4, h5, h6 {
	color: #000;
}
h1 {font-size: 150%;}
h2 {font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
div.center a:link {
	color: #069;
}
div.center a:link {
	color: #036;
}
div.center a:hover {
	color: #d11;
}
div.center a:visited {
	color: #666;
}
div.blackborder {
	border: solid #069 1px;
	padding: 5px;
	padding-bottom: 2%;
	margin-bottom: 4px;

}
*html div.blackborder {height: 100%;}

div.blackborder:after {
	content: "";
	display: block;
	clear: none;
	visibility: hidden;
}

h2 {background-color:#fff; color:#000; border: 0px; font-size:105%; padding: 0; margin: 0px 0px 4px 0px;
}
h3 {background-color:#fff; color:#000; border: 0px; font-size:100%;
}
.menuTable table {width: 100%;}
.menuTable h2 {background-color:#ccc; color:#000; margin:2px 2px 0px 2px; padding:5px 4px 4px 8px; border: 0px; font-size:105%;
}
.hightlightBox {
	background-color: #fff; 
	border: 1px solid #069;
	padding: 10px;
}
.lineBox {
	padding: 12px;
	}
.newstoryheader {font-size: 100%; padding: 0; margin: 0; color: #069; padding-bottom: 10px;}
.newstoryheader2 {font-size: 97%; padding: 0; margin: 0; color: #069; padding-bottom: 10px;}
.imgPad {float: left; padding-right: 10px; padding-bottom: 0; margin-bottom:0px; }
.teaser {background-color: #069; color: #fff; padding-top: 3px; padding-bottom: 3px; padding-left: 3px;} 
.bigh2 {font-size:14px; }

div.blogpost {width: 98%; overflow: auto; }
div.blogpost h2 {font-size:14px; border: 1px solid #ccc; background-color: #eee; padding: 5px 5px 5px 5px; margin-bottom: 12px; margin-top: 10px; }
div.blogpost p {margin-top: 1%; margin-bottom: 1.5% ; }
div.blogpost a img {float: left; padding: 3px 8px 0 0; margin: 0; display: block; } 

div.blogpostrchvs {width: 98%; overflow: auto; }
div.blogpostrchvs p {margin-top: 0; margin-bottom: 1.5% ; }
div.blogpostrchvs a img {float: left; padding: 3px 8px 0 0; margin: 0; display: block; } 

/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #069;
}
div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: #069;
	background-color: #fff;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */
div.blackborderNotice {
	border: solid #F00 1px;
	padding: 5px;
	padding-bottom: 2%;
	margin-bottom: 1px;
	background-color: #ffc;
}