/* 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: #4C5770;
}
body, p, li, div, span {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
body, p, blockquote, table, td, th, li, a, ul, ol, dd, dl, dt,
form, button, fieldset, label, select, option, input, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
h1, .h1Size {
	font-size: 12.5pt;
}
h2, .h2Size {
	font-size: 11.5pt;
}
h3, .h3Size {
	font-size: 11.0pt;
}
h4, .h4Size {
	font-size: 10.5pt;
}
h5, .h5Size {
	font-size: 10.0pt;
}
h6, .h6Size {
	font-size: 9.5pt;
}
a {
	color: #4a6c90;
	text-decoration: underline;
}	
a:focus, a:link, a:hover, a:active, a:visited {
}
a:hover, a:visited:hover {
	color: #304867;
}
li {
	margin-top: 5pt;
}
blockquote {
	background-color: #DBEAFB;
	padding: 5px;
	border: 1px solid #999;
	width: auto;
}
hr {
	width: 90%;
	height: 1px;
	text-align: center;
	margin-top: 20px !important;
	margin-top: 0px;
	margin-bottom: 10px !important;
	margin-bottom: 0px;
}
div.colLayout {
	background-color: #FFF;
	height: 100%;
}
* html div.center {
	 /* Modified for 2 Col layout with embedded right menu */
	margin: 0px 0px 0px auto;
	padding: 0px 0px 0px 5px;
	border: 0px solid #f00;
}
div.center {
	border: 0px solid #f00;
	padding: 0px 0px 0px 5px;
}
div.top {
	margin-left: 150px;
	padding: 0px 0px 5px 10px;
}
div.right {
	float: right;
	margin: 0px 5px 0px 0px !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px !important;
	padding: 0px 5px 0px 5px;
	z-index: 10;
	position: relative;
	background: transparent;
	width: 170px;
}
/* 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: #4A6C90 url(../images/banners/hercules.jpg) left top no-repeat;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url() #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url() #FFF no-repeat center center;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* COMMON MENU BAR CSS BEGINS | DEBUT DU CSS DE LA BARRE DE MENU COMMUNE */
div.fp a, div.fp a:focus, div.fp a:hover, div.fp a:active, div.fp a:visited:hover {
	color: #fff;
	text-decoration: none;
}
/* COMMON MENU BAR CSS ENDS | FIN DU CSS DE LA BARRE DE MENU COMMUNE */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb {
	font-size: 8.5pt;
}

p.breadcrumb a:hover, p.breadcrumb a:visited:hover {
	color: #304867;
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
h2.nav, h2.nav a:link, h2.nav a:visited {
	background-color: #304867;
	border-bottom: 1px solid #FFF;
	
	color: #FFF;
	text-decoration: none;
}

h2.nav a:hover {
	text-decoration: underline;
}

div.right li ul.nav {
	border: 1px solid #000;
}
/* v 1.04.01 begins */
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: #304867;
	color: #FFF;
	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 {
	text-decoration: underline;
}
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: 1px solid #304867;
}
/* v 1.04.01 ends */

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

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
.left .menucontent {
	border-bottom: 0px solid #fff;
}
.left .menucontent, .left .menulink {
	color: #000;
	background-color: #4a6c90;
}
	
.right .menucontent{
	color: #000;
	background-color: #FFF;
}
.right .menulink {
	color: #000;
	background-color: #FFF;
}

ul.prodis, li.prodis {
	border-top: 12px solid #ccc;
}
/* v 1.04.01 begins */
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px dotted #333;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #036;
	background-color: #CCC;
}
div.right li.menucontent, div.right div.menucontent {
	color: #036;
	background-color: #FFF;
}
div.right a.menulink {
	color: #036;
	background-color: #FFF;
}
div.prodis {
	background-color: #ccc;
}
/* v 1.04.01 ends */
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
* html div.center h1 {
	width: auto;
	padding-top: 3px; /* IE take this as priority */
}

div.center h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
}

div.center h1 {
	background: #304867;
	color: #fff;
	padding: 3px 0px 1px 10px;
	border-top: 1px solid #304867;
	border-bottom: 1px solid #304867;
}


div.center h2 {
	background: #304867;
	color: #fff;
	padding: 3px 0px 1px 10px;
	border-top: 1px solid #304867;
	border-bottom: 1px solid #304867;
}


div.center a:link {
	color: #4A6C90;
	color: #036;
}
div.center a:visited {
	color: #6685A5;
	color: #369;
}

div.center a:focus,
div.center a:hover,
div.center a:active,
div.center a:visited:hover {
	color: #304867;
	color: #036;
}

div.blackborder {
	border: 0px solid #000;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	border: 0px dotted #666;	
}

div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}

div.topPage {
	font-size: 85%;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer {
	font-size: 9pt;
}

div.footer div.footerline {
	background-color: #4A6C90;
	/*padding: 4px 4px 2px 4px;
	font-size: 8pt;
	text-align: center;*/
}
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: #039;
	background-color: #FFF;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */


/* ALIGNMENT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE D'ALIGNEMENT */
.image-left { 
	/*padding: 2px 5px 5px 0px;*/
	margin: 0px 10px 10px 0px !important;
}
.image-right {
	/*padding: 2px 0px 5px 5px;*/
	margin: 0px 0px 10px 10px !important;
}
/* ALIGNMENT UTILITY CSS ENDS | FIN DU CSS D'UTILITE D'ALIGNEMENT */