/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #DEF;
}
div.colLayout {
	background-color: #FFF;
	height: 100%;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 20px;
}
div.cwm img {
	padding-top: 0px;
}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	color: #FFF;
	background: url(../_images/bbg.jpg) #FFF no-repeat center center;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url(../_images/bbg.en.jpg) #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url(../_images/bbg.fr.jpg) #FFF no-repeat center center;
}
/* 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;
	background-color: #9CF;
	border-color: #036;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* BREADCRUMB CSS BEGINS | DEBUT DU CSS DU FIL D'ARIANE */
p.breadcrumb a {
	color: #064F6E;
}
/* BREADCRUMB CSS ENDS | FIN DU CSS DU FIL D'ARIANE */

/* 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: #9CF;
	color: #036;
	text-decoration: none;
}
div.left h2.nav a:hover, div.left h2.nav a:active, div.left h2.nav a:focus, div.left div.h2nav a:hover, div.left div.h2nav a:active, div.left div.h2nav a:focus, div.left p.h2nav a:hover, div.left p.h2nav a:active, div.left p.h2nav a:focus, div.right h2.nav a:hover, div.right h2.nav a:active, div.right h2.nav a:focus, div.right div.h2nav a:hover, div.right div.h2nav a:active, div.right div.h2nav a:focus, div.right p.h2nav a:hover, div.right p.h2nav a:active, div.right p.h2nav a:focus {
	color: #69C;
	text-decoration: none;
}
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border-bottom: 4px solid #69C;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left li.menucontent, div.left div.menucontent {
	padding: 3px 10px;
	border-bottom: 1px solid #69C;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #036;
	background-color: #DEF;
}
div.right li.menucontent, div.right div.menucontent {
	color: #036;
	background-color: #DEF;
}
div.right a.menulink {
	color: #036;
	background-color: #DEF;
}
div.prodis {
	background-color: #9CF;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
#dlTable {
	border: 1px solid #999;
	margin: 0 12px;
	width: 96%;
}
#dlTable td {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #999;
}
#dlTable td.dlTitle {
	background: #CCC;
	font-weight: bold;
	text-align: center;
}
.textBottom {
	vertical-align: text-bottom;
}
hr {
	width: 96%;
}
p.r {
	text-align: right;
}
* html div.center {
	margin-left: 0;
	padding-left: 10px;
	/*padding-right: 20px;
	margin-right: -10px;*/
	padding-right: 0;
	margin-right: auto;
	float: left;
	overflow: visible;
}
div.center h1, h2, h3, h4, h5, h6 {
	color: #036;
}
div.center a:link {
	color: #036;
}
div.center a:visited {
	color: #036;
}
div.center p {
	padding: 0 12px;
	margin: 0 0 12px 0;
}
div.blackborderTitle {
	background: url(../_images/midColTop.gif) no-repeat top left #FFF;
	text-align: center;
	vertical-align: middle;
	height: 31px;
	max-height: 31px;
	/*width: 405px;*/
}
div.blackborderTitle_2col {
	background: url(../_images/twoColTop.gif) no-repeat top left #FFF;
	text-align: center;
	vertical-align: middle;
	height: 31px;
	max-height: 31px;
	width: 600px;
}
h1.mainTitle {
	font-family: verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #036;
	text-align: center;
	padding: 7px 0 0 0;
	vertical-align: middle;
	margin: 0;
	white-space: nowrap;
}
div.blackborder, div.blackborder_2col {
	border-left: solid #69C 1px;
	border-right: solid #9CF 1px;
	border-bottom: 4px solid #69C;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
div.blackborder_2col {
	/*background: url(../_images/twoColBot_blue.gif) no-repeat bottom left;*/
}
div.blackborder_2col_noBox {
	margin-bottom: 20px;
}
div.blackborder#box1 {
	/*background: url(../_images/ipyBG.gif) no-repeat bottom left #FFF;*/
	/*background: url(../_images/threeColBot_blue.gif) no-repeat bottom left;*/
	position: relative;
}
div#homeWelcome {
	background: url(../_images/ipyBG.gif) no-repeat bottom left #FFF;
}
div.blackborder#box2, div.blackborder#box3 {
	/*margin: 0 0 20px 0;*/
	margin-bottom: 20px;
	padding: 0;
}
div.blackborder#box2 {
	border-left: solid #676767 1px;
	border-right: solid #CCC 1px;
	/*background: url(../_images/threeColBot_grey.gif) no-repeat bottom left;*/
	border-bottom: 4px solid #676767;
	padding-bottom: 4px;
}
div.blackborder#box3 {
	border-left: solid #69C 1px;
	border-right: solid #9CF 1px;
	/*background: url(../_images/threeColBot_blue.gif) no-repeat bottom left;*/
	border-bottom: 4px solid #69C;
	padding-bottom: 4px;
	min-height: 0;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: all;
	visibility: hidden;
}
div.greyBoxTitle {
	background: url(../_images/midColGTop.gif) no-repeat top left #FFF;
	text-align: center;
	vertical-align: middle;
	height: 31px;
	max-height: 31px;
}
div.blueBoxTitle {
	background: url(../_images/midColTop.gif) no-repeat top left #FFF;
	text-align: center;
	vertical-align: middle;
	height: 31px;
	max-height: 31px;
}
div.newsBoxOff {
	padding: 6px 20px;
	border-bottom: 2px solid #666;
	vertical-align: top;
	background: #FFF;
	height: 60px;
	cursor: default;
}
div.newsBoxOff img {
	float: left;
	padding-right: 12px;
}
div.newsBoxOff p, div.newsBoxOff h3 {
	padding: 0;
	margin: 0;
}
div.newsBoxOn {
	padding: 6px 20px;
	border-bottom: 2px solid #666;
	vertical-align: top;
	background: #999;
	color: #FFF;
	height: 60px;
	cursor: pointer;
}
div.newsBoxOn img {
	float: left;
	padding-right: 12px;
}
div.newsBoxOn p, div.newsBoxOn h3 {
	padding: 0;
	margin: 0;
	color: #FFF;
}
div#box2 a {
	text-decoration: none;
}
div.moreNews {
	text-align: right;
	padding: 3px 12px;
	height: 12px;
}
div.moreNews a {
	background: url(../_images/moreGrey.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 8.0pt;
	font-weight: bold;
}
div.moreMain, div#moreEvents {
	text-align: right;
	padding: 3px 12px;
	height: 12px;
}
div.moreMain a, div#moreEvents a {
	background: url(../_images/moreBlue.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 8.0pt;
	font-weight: bold;
	text-decoration: none;
}
div#box3 {
	/*height: 80px;*/
	padding-bottom: 0;
	margin-bottom: 0;
}
div#eventList a {
	/*padding-left: 20px;*/
	font-weight: bold;
		font-size: 115%;
}
div#eventList {
	/*line-height: 30px;*/
}
div#eventList a:link, div#eventList a:active, div#eventList a:visited {
	text-decoration: none;
}
div#eventList a:hover {
	text-decoration: underline;
}
div#moreEvents {
	border-top: 2px solid #69C;
}
div#moreEvents a {
	padding-left: 10px;
	text-decoration: none;
}
div#tocBtns {
	display: block;
	padding-bottom: 60px;
	text-align: center;
}
div#tocBtns td {
	text-align: center;
}
div#tocBtns img {
	display: block;
}
div.blackborderTitle_2col_blue {
	background: url(../_images/twoColTop_blue.gif) no-repeat top left #FFF;
	text-align: center;
	vertical-align: middle;
	height: 31px;
	max-height: 31px;
}
div.blackborder_2col_blue {
	border-left: solid #69C 1px;
	border-right: solid #9CF 1px;
	background: url(../_images/twoColBot_blue.gif) no-repeat bottom left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
div.blackborderTitle_2col_grey {
	background: url(../_images/twoColTop_grey.gif) no-repeat top left #FFF;
	text-align: center;
	vertical-align: middle;
	height: 31px;
	max-height: 31px;
}
div.blackborder_2col_grey {
	border-left: solid #999 1px;
	border-right: solid #CCC 1px;
	background: url(../_images/twoColBot_grey.gif) no-repeat bottom left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.marginTop10 {
	margin-top: 10px;
}
.paddingTop5 {
	padding-top: 5px;
}
.formPadding {
	 padding: 3px 5px 0 0;
}
.paddingLeft5 {
	padding-left: 5px;
}
.paddingLeft20 {
	padding-left: 20px;
}
.paddingBottom10 {
	padding-bottom: 10px;
}
.paddingLeft10 {
	padding-left: 10px;
}
.paddingRight10 {
	padding-right: 10px;
}
.paddingRight20 {
	padding-right: 20px;
}
.floatLeft {
	float: left;
}
.leftBoxTop {
	background: url(../_images/lftBoxTop.gif) no-repeat #FFF;
	height: 31px;
	line-height: 31px;
	padding-left: 12px;
	font-size: 10px;
}
.rightBoxTop {
	background: url(../_images/rgtColTop.gif) no-repeat #FFF;
	height: 31px;
	line-height: 31px;
	padding-left: 12px;
	font-size: 12px;
}
img {
	border: none;
}
h1 {
	text-align: left;
	padding: 0 12px;
	font-size: 130%;
}
h2 {
	font-size: 100%;
	padding: 0 12px;
}
h3 {
	text-align: left;
	padding: 0 12px;
	font-size: 90%;
}
h4 {
	font-size: 85%;
	padding: 0 12px;
}
h5 {
	font-size: 110%;
	padding: 0 12px;
}
.titleH1 {
	text-align: left;
	font-weight: bold;
	font-size: 130%;
}
.titleH2 {
	font-size: 95%;
	font-weight: bold;
}
.titleH3 {
	font-size: 115%;
	font-weight: bold;
}
.titleH4 {
	font-size: 115%;
	font-weight: bold;
}
.titleH5 {
	font-size: 110%;
	font-weight: bold;
}
td.w150 {
	width: 150px;
}
td.w75 {
	width: 75px;
}
.w200 {
	width: 200px;
}
.w50pct {
	width: 50%;
}
.lspace_min1 {
	letter-spacing: -1px;
}
.lspace_min2 {
	letter-spacing: -2px;
}
.lspace_min3 {
	letter-spacing: -3px;
}
.posRel {
	position: relative;
}
.underlineText {
	text-decoration: underline;
}
ol.dec {
	list-style-type: decimal;
}
ol.loa {
	list-style-type: lower-alpha;
}
.c {
	text-align: center;
}
.l {
	text-align: left;
}
.floatRight {
	float: right;
}
.font90 {
	font-size: 90%;
}
.font80 {
	font-size: 80%;
}
.font70 {
	font-size: 70%;
}
/* 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: #9CF;
}
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: #064F6E;
	background-color: #FFF;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */


