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



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



body {
	background-color: #FFF;
}
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-color: #00337;
	background: #003377 url(/clf2-nsi2/images/topBanner-en.jpg) repeat-y left top;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url("../images/topBanner-en.jpg") #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url("../images/topBanner-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: 100px;
}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 100px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 100px;
}
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: #CC9;
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */







/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */



h2.nav, h2.nav a:link, h2.nav a:visited {
	background-color: #770000;
	/* Uncomment line below if you want to use web safe*/

	/*background-color: #336699;*/



	color: #FFF;
	text-decoration: none;
}
h2.nav a:hover {
	text-decoration: underline;
}
div.right li ul.nav {
/*border: 1px solid #000;*/



}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */







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







/* SIDE MENU Left CSS BEGINS | DEBUT DU CSS DU MENU LATERAL Gauche */



.topmenuleft {
	background-image:url(../../images/topMenuLeftRED.gif);
	background-color: #EC2727;
	width:150px;
	height:28px;
}
.bottommenuleft {
	background-image:url(../../images/bottomMenuLeftRED.gif);
	background-color: #EC2727;
	width:150px;
	height:22px;
}
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px dashed #666;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #000;
	background-color: #FFFFCC;
	/*background-color: #99CCFF;*/		

	display: block;
	font-size: 95%;
}
div.left a.menulink {
	padding: 4px 4px 4px 6px;
}
div.left a.menulink:hover {
	color: #FFF;
	/*background-color: #274d7a;*/



	background-color: #770000;
	/*background-color: #336699;*/

	display: block;
}
li.menucontent, div.menucontent {
	padding: 0;
}
/* Link when in page*/



div.left li.menucontentIN {
	padding: 2px 3px 2px 12px;
}
div.left li.menucontentIN, div.left a.menulinkIN {
	color: #142e5c;
	background-color: #d3eefb;
	text-decoration:none;
}
/* END Link when in page*/







/* Left SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL Gauche */







/* SIDE MENU Right CSS BEGINS | DEBUT DU CSS DU MENU LATERAL Droit */



.topmenuright {
	background-image:url(/images/back_search.jpg);
	width:195px;
	height:61px;
}
.bottommenuright {
	background-image:url(/images/bottomMenuRight.jpg);
	width:195px;
	height:25px;
}
li.menucontentlevel1, div.menucontentlevel1 {
	padding: 2px 3px 2px 12px;
	border-bottom: 1px solid #6e88a6;
}
li.menucontentlevel2 {
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 25px;
}
ul.navlevel2 {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	color: #142e5c;
	background-color: #d3eefb;
	padding-bottom: 6px;
	list-style-position:outside;
}
div.right li.menucontent, div.right div.menucontent {
	border-bottom: 1px solid #6e88a6;
}
div.right li.menucontentlevel1, div.right div.menucontentlevel1, div.right a.menulink {
	color: #FFF;
	background-color: #274d7a;
}
div.right li.menucontentlevel2, div.right div.menucontentlevel2 {
	border-bottom: 1px solid #ebf7fd;
}
div.right li.menucontentlevel2, div.right div.menucontentlevel2, div.right a.menulinklevel2 {
	color: #142e5c;
	background-color: #d3eefb;
	text-decoration:underline;
}
/* Link when in page*/



div.right li.menucontentlevel2IN, div.right a.menulinklevel2IN {
	color: #142e5c;
	background-color: #FFF;
	text-decoration:none;
}
li.menucontentlevel2IN {
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 25px;
}
/* END Link when in page*/











div.right a.menulinklevel2:hover {
	text-decoration:none;
}
div.right li ul.nav {
	margin-bottom: 0px;
}
/* Right SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL Droit */











div.prodis {
	background-color: #003377;
}
/* 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: #40719f;
}
div.center h1 {
	color: #111111;
	font-size: 15.0pt;
	margin:0;
}
div.textecenter h2 {
	color: #770000;
	font-size: 120%;
	padding-bottom: 4px;
	border-bottom: 1px solid #770000;
	margin-top: 2em;
}
div.textecenter h2.mainH2 {
	color:#000000;
	font-style:italic;
	font-weight: normal;
	margin:0px;
	font-size: 12.0pt;
	background-color:#FFFFFF;
	padding:0px;
}
div.center h2.documentH2 {
	color:#000000;
	font-weight: normal;
	font-size: 11.0pt;
	background-color:#FFFFFF;
	margin-bottom:5px;
	margin-top:0px;
	padding:0px;
	font-style:italic;
}
div.center h3 {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: -5px;
	padding-bottom: 0px;
	color:#274d7a;
}
div.center p {
	margin-bottom: 12px;
	margin-top: 12px;
}
div.center a:link, .breadcrumb a, .myMagazine a {
	/*color: #274d7a;*/

	color: #006699;
}
div.center a:visited {
	/*color: #274d7a;*/

	color: #006699;
}
div.center a:hover, .myMagazine a:hover, .breadcrumb a:hover {
	color: #660000;
}
div.blackborder {
/*border: solid #000 1px;*/



}
div.blackborder:after {
	content: "";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */







/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */



div.footer div.footerline {
	/*background-image:url(/images/bottomfooter.jpg);*/



	



	height: 15px;
	width: 760px;
	/*background-color: #274d7a;*/



	background-color: #CCC;
}
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: #274d7a;
	background-color: #FFF;
}
div.footer a:hover {
	color: #76a774;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */



h3.nav {
	font-size: 120%;
	margin: 0;
	padding: 5px;
	background: #DDD;
	border-bottom: 1px solid #FFFFFF;
	color: #770000; /*color: #660000;*/
}
.news-volume {
	border-bottom: 5px solid #CCCCCC;
	font: 80% "Times New Roman", Times, serif;
	color: #666666;
}
div.center p.subtitle {
	margin-top: 3px;
	margin-bottom: 12px;
	font-size: 85%;
	color: #666666;
	font-style: italic;
}
.img-left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.img-left-plain {
	float: left;
	margin: 1em 1em 1em 0;
}
ul.nav li.promo {
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 0;
}
ul.nav li.promo a {
	color: #CC8811;
	display: block;
}
ul.nav li.promo a:hover {
	color: #660000;
}
.promo p {
	padding: 0 5px;
	font-size: 90%;
}
h3.promo-head {
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 1em;
	color: #660000;
}
p.link-to-article {
	background: url(../images/link-to-article.jpg) left center no-repeat;
	padding-left: 20px;
	line-height: 16px;
}
span.pdf {
	background: url(../images/newspaper.jpg) left center no-repeat;
	padding-left: 18px;
}
span.print {
	background: url(../images/print.jpg) left center no-repeat;
	padding-left: 18px;
}
.newsletter-versions span {
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.adlist {
	margin-top: 5px;
}
ul.adlist li {
	padding: 0 5px 0 20px;
}
ul.nav li.feedback {
	background: url(../images/feedback.jpg) left center no-repeat;
}
ul.nav li.mail {
	background: url(../images/mail.jpg) left center no-repeat;
}
ul.nav li.nmcwiki {
	background: url(../images/wiki.jpg) left center no-repeat;
}
ul.nav li.archive {
	background: url(../images/archive.jpg) left center no-repeat;
}
blockquote.new {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	border: none;
	text-align: left;
	margin: 0;
	padding: 0 28px;
	background: url(../images/top-quote.jpg) top left no-repeat;
}
blockquote.new div {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../images/bottom-quote.jpg) bottom right no-repeat;
}
.image-with-caption {
	float: left;
	margin: 0 1em 1em 0;
}
.image-with-caption p {
	padding-left: 5px;
	width: 230px;
	font: 10px Georgia, "Times New Roman", Times, serif;
}
div.center h3.special-title {
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #990000;
	margin-bottom: 5px;
}
div.center p.special-subtitle {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin-top: 0;
	margin-bottom: 18px;
}
.promo-mail2 {
	float: left;
	margin: 0em 1em 1em 0;
	padding: 7px;
}
.promo-inner2 {
	width: 540px;
	border: 1px solid #333;
}
div.center .promo-mail2 .promo-inner2 h3 {
	background: url(../images/promo-mail.jpg) left center no-repeat;
	padding: 6px 13px 13px 55px;
	font-size: 1.2em;
	color: #333333;
	margin-left: .5em;
}
div.center .promo-mail2 .promo-inner2 p {
	padding: 0 .5em;
}

.promo-mail {
	float: left;
	margin: 1em 1em 1em 0;
	padding: 10px;
}
.promo-inner {
	width: 240px;
	border: 1px solid #333;
}
.promo-inner3 {
	width: 550px;
	border: 1px solid #333;
}
div.center .promo-mail .promo-inner h3 {
	background: url(../images/promo-mail.jpg) left center no-repeat;
	padding: 13px 13px 13px 55px;
	font-size: 1.2em;
	color: #333333;
	margin-left: .5em;
}
div.center .promo-mail .promo-inner p {
	padding: 0 .5em;
}
.promo_feedback {
	float: left;
	margin: 1em 1em 1em 0;
	padding: 10px;
}
.promo_feedback-inner {
	width: 240px;
	border: 1px solid #333;
}
div.center .promo_feedback .promo_feedback-inner h3 {
	background: url(../images/promo_feedback.jpg) left center no-repeat;
	padding: 46px 13px 13px 95px;
	font-size: 1.2em;
	color: #333333;
	margin-left: .5em;
}
div.center .promo_feedback .promo_feedback-inner p {
	padding: 0 .5em;
}
.quote-right {
	text-align: right;
	padding-bottom: 5px;
	font-size: 82%;
	float: right;
	font-weight: bold;
}
/*

.quote2-right {

	text-align: right;	

	padding-bottom: 5px;

	font-size: 80%;

	float: right;

	color: #666;

}

*/

.quote2-right {
	float: right;
	margin-right: 1em;
	padding: 2px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #000066;
	font-style:italic;
	font-weight: bold;
}
.quote-center {
	text-align: center;
	color: #000066;
	font-style:italic;
	font-weight: bold;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1%;
}