/* 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: #003377;

	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.gif") #FFF no-repeat center center;

}

div.banner-fra, div.banner-lfcoa-fra {

	background: url("../images/topBanner-fr.gif") #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 solid #6E88A6;

}

div.left li.menucontent, div.left div.menucontent, div.left a.menulink {

	color: #FFFFFF;

	background-color: #000000;

	/*background-color: #99CCFF;*/		

	display: block;


}

div.left a.menulink {

	padding: 2px 3px 2px 12px;

}

div.left a.menulink:hover {

	color: #FFF;

	/*background-color: #274d7a;*/
	/*background-color: #336699;*/

	display: block;
	text-decoration: underline;

}

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: #000;
	
	border-bottom: 3px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	

	font-size: 15.0pt;

	margin:0;
	padding: 0 0 5px 0;

}

div.textecenter h2 {

	/*color: #770000; EM -- June 23/09 */

	color:#333;

	font-size: 120%;

	padding-bottom: 4px;

	border-bottom: 1px solid #333;

	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: 110%;

	font-weight: bold;

	/*margin-bottom: -5px; EM - June 25/09*/

	padding-bottom: 0px;

	color:#770000;

}

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;

} EM -- June 23/09*/

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 */