/* 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: #ddd;
}
body.w-b {
	background-color: #ffffff;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 22px;
}
/* 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: #ffffff;
	background-color: #003388;
	background-image:url(/webassets/images/cdic_ccil_ban.jpg)
}
div.banner p.main {
	display: block;
	color: #ffffff;
	text-align: center;
	font-size: 138%;
}
div.banner p.siteuri {
	display: block;
	color: #FFFFFF;
	text-align: center;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb a, p.breadcrumb a:visited {
	font-size: 100%;
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */


/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
ul.nav_main, ul.nav_main_top, ul.navbull, ul.nav_left_cdic {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.navbull {
	margin-left: 18px;
	list-style-type: disc;
}
h2.nav_main, li.nav_main, li.nav_main a:link, li.nav_main a:visited {
	background-color: #555;
	color: #ffffff;
	text-decoration: none;
}
div.right li ul.navbull {
	margin-bottom: 10px;
}
ul.nav_main li, ul.nav_main_top li, ul.navbull li {
	margin: 0px;
}
h2.nav_main, li.nav_main, h2.nav_main_top, li.nav_main_top, h2.nav_left_cdic, li.nav_left_cdic {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.6em;
	border: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}
div.left li.nav_main_top, div.left li.nav_main_top a:link, div.left li.nav_main_top a:visited {
	background-color: #ddd;
	color: #000000;
	margin-top: 0px;
	text-decoration: none;
	font-weight: bold;
}
div.right h2.nav_main_top, div.right h2.nav_main_top a:link, div.right h2.nav_main_top a:visited, div.right h2.nav_main, div.right h2.nav_main a:link, div.right h2.nav_main a:visited {
	background-color: #003388;
	color: #ffffff;
	margin-top: 0px;
	text-decoration: none;
	font-weight: bold;
}
h2.nav, h2.nav_main, h2.nav_main a:link, h2.nav_main a:visited {
	margin-top: 5px;
}
ul.nav li.nav_left_cdic, ul.nav li.nav_left_cdic a:link, ul.nav li.nav_left_cdic a:visited {
	background-color: #863;
	color: #ffffff;
	text-decoration: none;
	margin-top: 1px;
}
li.nav a:hover, li.nav_main a:hover, li.nav_main_top a:hover, li.nav_left_cdic a:hover, h2.nav a:hover, h2.nav_main a:hover, h2.nav_main_top a:hover, h2.nav_left_cdic a:hover {
	text-decoration: underline;
}
div.left li.nav_main_top a:hover {
	text-decoration: underline;
}
div.right li ul.nav, div.right li ul.nav_main {
	border: 1px solid #003388;
}
/* 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: 0px solid #ffffff;
	border-top: 1px solid #ffffff;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #000000;
	background-color: #dddddd;
}
div.left .nav_main li.menucontent, div.left .nav_main div.menucontent, div.left .nav_main a.menulink {
	color: #000000;
	background-color: #dddddd;
}
div.left ul.nav li ul.nav2 {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
div.right li.menucontent, div.right div.menucontent {
	color: #000000;
	background-color: #ffffff;
}
div.right li.menucontent form, div.right div.menucontent form {
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
div.prodis {
	background-color: #aaaa77;
	height: 15px;
	min-height: 0.9375em;
	padding: 0;
	margin-top: 0px;
}
/* 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: #000000;
}
div.blackborder {
	border: solid #555 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-color: #003388;
}
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: #003388;
	background-color: #ffffff;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* GENERIC UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE GENERIQUE */
div.boxed_right_100 {
	padding: 4px;
	float: right;
	margin-left: 10px;
	margin-bottom: 1px;
	border: 1px solid #CCCCCC;
	width: 100px;
	text-align: center;
}
div.boxed_right_150 {
	padding: 4px;
	float: right;
	margin-left: 10px;
	margin-bottom: 1px;
	border: 1px solid #CCCCCC;
	width: 150px;
	text-align: center;
}
div.boxed_right_200 {
	padding: 4px;
	float: right;
	margin-left: 10px;
	margin-bottom: 1px;
	border: 1px solid #CCCCCC;
	width: 200px;
	text-align: center;
}
div.boxed_left_100 {
	padding: 4px;
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
	border: 1px solid #CCCCCC;
	width: 100px;
	text-align: center;
}
div.boxed_left_150 {
	padding: 4px;
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
	border: 1px solid #CCCCCC;
	width: 150px;
	text-align: center;
}
div.boxed_left_200 {
	padding: 4px;
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
	border: 1px solid #CCCCCC;
	width: 200px;
	text-align: center;
}
div.boxed {
	padding: 10px;
	margin-bottom: 1px;
	margin-top: 1px;
	background-color: #fff;
	border: 1px solid #000;
}
/* Start Multi-column layouts without tables | Début de Mise en page à plusieurs colonnes sans tableaux */

div.twoCol {
	margin: 0px;
	width:100%;
	overflow: auto;
	position: static;
}
div.twoCol p.w33 {
	display:inline;
	width:32%;
	margin: 0px;
	float:left;
	padding-right:4px;
}
div.twoCol p.w40 {
	display:inline;
	width:39%;
	margin: 0px;
	float:left;
	padding-right:4px;
}
div.twoCol p {
	display:inline;
	width:49%;
	margin: 0px;
	float:left;
	padding-right:4px;
}
div.twoCol p.w60 {
	display:inline;
	width:59%;
	margin: 0px;
	float:left;
	padding-right:4px;
}
div.twoCol p.w66 {
	display:inline;
	width:65%;
	margin: 0px;
	float:left;
	padding-right:4px;
}
div.twoCol p.wauto {
	display:inline;
	width:auto;
	margin: 0px;
	float:left;
	padding-right:4px;
}
div.twoColFrame {
	margin: 0px;
	width:99%;
	border:solid 1px #999;
	overflow: auto;
	position: static;
}
div.twoColFrame p {
	display:inline;
	width:48%;
	margin: 0px;
	float:left;
	padding:4px;
}
div.twoColLines, ul.twoColLines {
	margin: 0px;
	width:100%;
	border-top:solid 1px #999;
	padding-top:4px;
	margin-top:4px;
	overflow: auto;
	position: static;
}
div.twoColLines p, ul.twoColLines li {
	display:inline;
	width:48%;
	margin: 0px;
	float:left;
	padding-right:4px;
}
/* End Multi-column layouts without tables | Fin de Mise en page à plusieurs colonnes sans tableaux */

/* GENERIC UTILITY CSS ENDS | FIN DU CSS D'UTILITE GENERIQUE */

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */
.cdicColor1 {
	color: #dddddd;
	background-color: transparent;
}
.cdicColor2 {
	color: #003388;
	background-color: transparent;
}
.cdicColor3 {
	color: #aaaa77;
	background-color: transparent;
}
.cdicColor4 {
	color: #cc6600;
	background-color: transparent;
}
.cdicColor5 {
	color: #aa4400;
	background-color: transparent;
}
.cdicColor1BG {
	background-color: #dddddd;
}
.cdicColor2BG {
	background-color: #003388;
}
.cdicColor3BG {
	background-color: #aaaa77;
}
.cdicColor4BG {
	background-color: #cc6600;
}
.cdicColor5BG {
	background-color: #aa4400;
}
.dark_grey {
	background-color: #555555;
}
/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */
/* FORMS CSS STARTS | DÉBUT DU CSS DE FORMULAIRES */
fieldset.no_border {
	border-style: none;
}
input.submit_button {
	background-color:#ffffff;
	color:#003388;
	font-weight:bolder;
	border:1px solid #003388;
	margin-top: 5px;
	margin-bottom:-8px;
}
input.quick_search {
	background-color:#ffffff;
	color:#000000;
	width: 98%;
	border:solid;
	border-width:1px;
	border-color: #003388;
}
input.searchbox {
	background-color:#ffffff;
	color:#000000;
	width: 150px;
	border:solid;
	border-width:1px;
	border-color: #003388;
}
fieldset.box {
	background-color: #ffffff;
	padding:4px;
	margin-bottom:4px;
}
fieldset.box div {
	margin:0px;
}
fieldset.box legend {
	background-color: #eeeeee;
	margin-bottom:2px;
	border:solid 1px;
	padding:2px;
	font-weight:bold;
	padding-left:4px;
}
/* FORMS CSS ENDS | FIN DU CSS DE FORMULAIRES */
/* TABLE CSS STARTS | DÉBUT DU CSS DE TABLEAU */
div.center table {
	border-collapse: collapse;
	empty-cells: show;
	font-size: 100%;
	margin: 5px 0 5px 0;/*	width: 580px;*/
}
div.center table tr {
	vertical-align: middle;
}
div.center table tr.shade td {
	background-color: #ddd;
}
div.center table tr th {
	background-color: #fff;
	border: 1px solid #999;
	color: #000;
	padding: 6px 10px;
}
div.center table tr th a {
	background-color: #fff;
	color: #000;
	text-decoration: underline;
}
div.center table tr th.tblcaption {
	background-color: #039;
	border: 1px solid #ddd;
	color: #fff;
	margin: 1px;
}
div.center table tr th.tblcaption a {
	background-color: #039;
	color: #fff;
	text-decoration: underline;
}
div.center table tr td {
	background-color: #fff;
	border: 1px solid #999;
	color: #000;
	padding: 6px 10px;
}
div.center table tr td.blue_line {
	background-color: #fff;
	border-bottom: 1px solid #039;
	color: #000;
	padding: 0px;
}
div.center table tr td.black_line {
	background-color: #fff;
	border-bottom: 1px solid #000;
	color: #000;
	padding: 0px;
}
div.center table caption {
	font-size:14px;
	color:#003388;
	font-weight:bold;
}
/* "info" class is used to eliminate table cell borders */
	div.center table.info {
	border: 1px solid #999;
}
div.center table.info tr td {
	color: #000;
	border: 0;
	padding: 6px 8px;
}
div.center table.info tr th {
	border: 0;
}
/* "hidden" class is used to completely hide unused table caption cells */
	
	div.center th.hidden {
	border: 0 !important;
}
/* TABLE CSS ENDS | FIN DU CSS DE TABLEAU */