/* 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: #eee;

}

div.colLayout {

	background: url(/images/colLayout.gif) #FFF repeat-y 0 0;
	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 */


/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE L PISTE DE NVIGTION */
p.breadcrumb {
	padding: 2px 0px 4px 0px; 
}

p.breadcrumb :link, p.breadcrumb :visited {
	color: #003399;
	text-decoration: none;
}
p.breadcrumb :hover {
	color: #666;
	text-decoration: underline;
}
/*

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */

div.banner {

	color: #FFF;

	background: url(../images/bnnr.gif) #357 no-repeat center center;

}

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 */



/* 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: #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 */

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: #357;

	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 #ddd;

}
h2.nav2 {
	background-color: #000066;
	color: #FFF;
	font-size: 10.0pt;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	line-height: 1.15em;
	margin-bottom:-1px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	div.right li ul.nav2 {
	border: 0px;
	margin-left: 0px;
	list-style-type: none;
	margin-bottom: 10px;
}
div.right li.menucontent img {
	margin-left: -1px;
}
div.right .menulink{
	color: #000;
	background-color: #fff;
	display : block;
}

div.right .menulink, div.right .menulink:visited { /* This class controls the dark grey left padding */
	display: block;	
	padding: 2px 3px 2px 5px;	
}

/* 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 {

	border-bottom: 1px solid #FFF;

}

div.left li.menucontent, div.left div.menucontent, div.left a.menulink {

	color: #000;

	background-color: #bcd;

}

div.right li.menucontent, div.right div.menucontent {

	color: #000;

	background-color: #FFF;

}

div.right a.menulink {

	color: #000;

	background-color: #FFF;

}

div.prodis {

	background-color: #357;

}
div.right img {
	border: 0px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
}
ul.nav2 {
	list-style-type: none;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	}

ul.nav2 li {
	margin: 0px;
	line-height: 20px;
	}

div.left .menucontent2 {
	padding: 0px 0px 0px 0px;
	letter-spacing: 0px;
	background-color: #fff;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

div.left .menucontent2, div.left .menulink2 {
	color: #000;
	background-color: #fff;
	border-top: 1px solid #fff;
	}

.menucontent2, .menucontent2 li {
	font-weight : normal;
	}

div.left .menulink2, div.left .menulink2:visited {
	border-left: 7px solid #cccccc;
	display: block;	
	padding: 0px 0px 0px 10px;
	text-decoration: none;	
	}

div.left .menulink2:hover, div.left .menulink2:active {
	border-left: 7px solid #cc3333; 
	text-decoration: none;
	}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */



/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.highlight, p.highlight {
	border: 0px;
	color: #000;
	background-color: #ccc;
	padding: 5px;
}

div.center h1, h2, h3, h4, h5, h6 {

	color: #000;

}

div.center a:link {

	color: #039;
	text-decoration: none;
}

div.center :link:hover{
	color: #cc3333;
	text-decoration: underline;
}


div.center h1 a:hover {
	color: #000000;
	text-decoration: none;
}
div.center h2 a:hover {
	color: #000000;
	text-decoration: none;
}
div.center h3 a:hover {
	color: #000000;
	text-decoration: none;
}
div.center h4 a:hover {
	color: #000000;
	text-decoration: none;
}
div.center a:visited {

	color: #003399;
	text-decoration: none;
}

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 */
/* AUDIT REPORT STYLES*/
div.boxborder {	
	border: solid #000 1px;
	
}
.lightG{
background-color:#e0e0e0;
}

.observation{
 padding-top:10px; 

 padding-bottom:6px; 
 border: solid #000 1px;
}
.borderBottomRemove{
 	border-bottom:0px;
}
.borderTopRemove{
 border-top:0px;
}
.borderLeftRemove{
 	border:0px;
}
.borderRightRemove{
 border-right:0px;
}

.retitle{
 padding-top:3px; 
 padding-bottom:3px; 
 border-bottom: solid #000 1px;
}
.maptitle{
 padding-top:3px; 
 padding-bottom:3px;
  border-bottom: solid #000 1px; 
  border-right:0px;
}

.modRisk{
	padding-right: 0;
	padding-top: 13px;
	margin: 0 0 0 0; 
	border-left:0px;
	border-bottom:0px;
	border-right:0px; 
	border-top:0px; 
	float: left; 
	width: 23%;
	text-align:center;

}
.data{
	margin: 0 0 0 0; 
 	border-top:0px;
	border-right: 0px;
	border-left: solid #000 1px;
 	float: right; 
	width: 76%;
	padding-left:4px;
	
}


.recommendation{
	border-bottom:0px; 
	border-top:0px;
	margin: 0 0 0 0; 
	padding-bottom:3px;
	float: left; 
	width: 49.8%; 
}
.map{
	border-bottom:0px; 
	border-top:0px;
	padding-bottom:3px;
	padding-left:0px;
	float: right; 
	width: 50%; 
	margin: 0 0 0 0; 
	
}

.red{
color:#EE0000;
}
div.row2 { 
	
	padding:0;
	width: 100%; 
	overflow: hidden;
}

.borderRight{
	border-right: 1px solid #000000;
}
.borderLeft{
border-left: 1px solid #000000;
}
table.tableBorder {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;

}
table.tableBorder th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: black black black black;

}
table.tableBorder td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: black black black black;

}

.padding-bottom-5px {
	padding-bottom:5px;
}
.padding-bottom-10px {
	padding-bottom:10px;
}
.padding-bottom-20px {
	padding-bottom:20px;
}

.padding-bottom-30px {
	padding-bottom:30px;
}

.padding-bottom-40px {
	padding-bottom:40px;
}

.padding-bottom-50px {
	padding-bottom:50px;
}

.padding-bottom-60px {
	padding-bottom:60px;
}

.padding-bottom-65px {
	padding-bottom:65px;
}


.padding-bottom-70px {
	padding-bottom:70px;
}

.padding-bottom-75px {
	padding-bottom:75px;
}

.padding-bottom-80px {
	padding-bottom:80px;
}

.padding-bottom-90px {
	padding-bottom:90px;
}

.padding-bottom-95px {
	padding-bottom:95px;
}
.margin-bottom-5px {
	margin-bottom:5px;
}
.margin-bottom-10px {
	margin-bottom:10px;
}

.margin-bottom-15px {
	margin-bottom:15px;
}

.margin-bottom-20px {
	margin-bottom:20px;
}

.margin-bottom-25px {
	margin-bottom:25px;
}

.margin-bottom-80px {
	margin-bottom:80px;
}



/* AUDIT REPORT END*/
div.border-dashed {	
	border: 1px dashed #000066;
	padding: 5px;
	margin: 0px;
	}
	
div.border-dashed p {
	padding-bottom: 20px;
	margin: 0px;
}	



/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */

div.footer div.footerline {

	background-color: #bcd;

}

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 */
/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */

/* GENERIC UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE GENERIQUE */


.widthFull {
	width: 100%;
}
.texthighlight {
	color: #23Fa90;
	background-color: transparent;
	font-weight: bold;
}
div.row { 
	margin-top: 9px; 
	padding:0;
	width: 100%; 
	overflow: hidden;
}

div.cols1 {
	float: left; 
	width: 76%; 
	margin: 0 3px 0 0; 
	padding:0;
}

div.cols2 {
	float: left; 
	width: 49%; 
	margin: 0 3px 0 0; 
	padding: 0;
}
div.cols3 {
	float: left; 
	width: 32%; 
	margin: 0 3px 0 0; 
	padding: 0;
}
div.cols4 {
	float: left; 
	width: 20%; 
	margin: 0 3px 0 0; 
	padding: 0;
}
div.cols5 {
	float: left; 
	width: 10%; 
	margin: 0 3px 0 0; 
	padding: 0;
}
div.cols6 {
	float: left; 
	width: 5%; 
	margin: 0 3px 0 0; 
	padding: 0;
}

