/* 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: #FFF;
	background-color: #555;
}
div.banner-eng p.main {
	display: none;
}
div.banner-fra p.siteuri {
	display: none;
}
div.banner p.main {
	letter-spacing: -0.06em;
	margin-left: 190px;
	margin-right: 190px;
}
div.banner p.siteuri {
	font-weight: bold;	
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* Quick links CSS begins | Début du CSS des Liens rapides */
.aafc-feature {
	clear: right;
	display: inline;
	float: right;
	font-size: 90% !important;
	margin: 0 0 19px 5px;
	width: 208px;
}
	.aafc-feature p {
		color: #000 !important;
		font-weight:bold;
		font-size: 110% !important;
		margin: 0 !important;
		padding: 7px 15px 6px 15px !important;
	}
	.aafc-feature ul {
		list-style-type: none;
		margin: 0 !important;
		padding: 7px 8px 11px 13px;
	}
	.aafc-feature ul li {
		background-color: transparent !important;		
		background-position: 0px 9px !important;
		background-repeat: no-repeat !important;
		padding: 5px 0 5px 16px;
	}
	.aafc-feature hr {
		background-color: #666;
		border: 0;
		height: 1px;
		margin: 0 5px;
	width: 198px;
	}
	.aafc-feature #aafc-feature-last, .aafc-feature .aafc-feature-last {
		background-color: transparent !important;
		background-position: bottom left !important;
		background-repeat: no-repeat !important;
		padding-bottom: 20px;
	}
/* Quick links CSS ends | Fin du CSS des Liens rapides */

/* 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_agr, ul.nav_left_grow-croiss, ul.nav_left_grow-croiss_brm-gre, ul.nav_left_int, ul.nav_left_n_gen, ul.nav_left_prod, ul.nav_left_sci, ul.nav_left_terr {
	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: #FFF;
	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, li.nav_left_prod_top, h2.nav_left_prod, li.nav_left_prod, h2.nav_left_agr, li.nav_left_agr, h2.nav_left_int, li.nav_left_int, h2.nav_left_sci, li.nav_left_sci, h2.nav_left_terr, li.nav_left_terr, h2.nav_left_grow-croiss_brm-gre, li.nav_left_grow-croiss_brm-gre, h2.nav_left_grow-croiss, li.nav_left_grow-croiss {
	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: #555;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 1px;
	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: #555;
	color: #fff;
	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_prod, ul.nav li.nav_left_prod a:link, ul.nav li.nav_left_prod a:visited {
	background-color: #225500;
	color: #FFF;
	text-decoration: none;
	margin-top: 5px;
}
ul.nav li.nav_left_prod_top, ul.nav li.nav_left_prod_top a:link, ul.nav li.nav_left_prod_top a:visited {
	background-color: #225500;
	color: #FFF;
	text-decoration: none;
	margin-top: 0px;
}
ul.nav li.nav_left_agr, ul.nav li.nav_left_agr a:link, ul.nav li.nav_left_agr a:visited {
	background-color: #0055aa;
	color: #FFF;
	text-decoration: none;
	margin-top: 1px;
}
ul.nav li.nav_left_int, ul.nav li.nav_left_int a:link, ul.nav li.nav_left_int a:visited {
	background-color: #990000;
	color: #FFF;
	text-decoration: none;
	margin-top: 1px;
}
ul.nav li.nav_left_sci, ul.nav li.nav_left_sci a:link, ul.nav li.nav_left_sci a:visited {
	background-color: #aa5500;
	color: #FFF;
	text-decoration: none;
	margin-top: 1px;
}
ul.nav li.nav_left_terr, ul.nav li.nav_left_terr a:link, ul.nav li.nav_left_terr a:visited {
	background-color: #664411;
	color: #FFF;
	text-decoration: none;
	margin-top: 1px;
}

li.nav a:hover, li.nav_main a:hover, li.nav_main_top a:hover, li.nav_left_prod_top a:hover, li.nav_left_prod a:hover, li.nav_left_agr a:hover, li.nav_left_int a:hover, li.nav_left_sci a:hover, li.nav_left_terr a:hover, h2.nav a:hover, h2.nav_main a:hover, h2.nav_main_top a:hover, h2.nav_left_prod_top a:hover, h2.nav_left_prod a:hover, h2.nav_left_agr a:hover, h2.nav_left_int a:hover, h2.nav_left_sci a:hover, h2.nav_left_terr 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 #555;
}
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: #555;
	color: #FFF;
	text-decoration: none;
}
/* 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 #FFF;
	border-top: 1px solid #FFF;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #000;
	background-color: #ddd;
}
div.left .nav_main li.menucontent, div.left .nav_main div.menucontent, div.left .nav_main a.menulink {
	color: #000;
	background-color: #ddd;
}
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: #000;
	background-color: #FFF;
}
div.right li.menucontent form, div.right div.menucontent form {
	color: #000;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
div.right a.RSS img	{
	margin-bottom: 4px;
	margin-left: 5px;
	text-align: right;
	vertical-align: text-top;
	position: relative;
	height: 13px;
	width: 13px;
	top: 3px;
}

div.prodis {
	background-color: #555;
	height: 15px;
	min-height: 0.9375em;
	padding: 0;
	margin-top: 5px;
}
/* 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: #000;
}
div.blackborder {
	border: solid #555 1px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
div.center span.prod_green, div.center span.prod_green a:link, div.center span.prod_green a:visited {
	color: #225500;
	background-color: transparent;
	font-weight: bolder;
}
div.center span.agr_blue, div.center span.agr_blue a:link, div.center span.agr_blue a:visited {
	color: #0055aa;
	background-color: transparent;
	font-weight: bolder;
}
div.center span.int_red, div.center span.int_red a:link, div.center span.int_red a:visited {
	color: #900;
	background-color: transparent;
	font-weight: bolder;
}
div.center span.sci_yellow, div.center span.sci_yellow a:link, div.center span.sci_yellow a:visited {
	color: #950;
	background-color: transparent;
	font-weight: bolder;
}
div.center span.terr_brown, div.center span.terr_brown a:link, div.center span.terr_brown a:visited {
	color: #664411;
	background-color: transparent;
	font-weight: bolder;
}
h2.features{
	font-size: 1.4em;
	color:#036;
	padding:0;
	margin:0;
	line-height:4px;
}
div.center a.bookmark	{
	text-decoration: none;
}

/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	color: inherit;
	background-color: #555;
}
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 */

/* GENERIC UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE GENERIQUE */

/* START NO TEXT DECORATION ON IMAGE LINKS | DEBUT PAS DE SOULIGNEMENT DES IMAGES-LIENS */
div.center a img.noDOIL, div.center a img.noDOIL:link, div.center a img.noDOIL:hover, div.center a img.noDOIL:visited {
	margin-bottom:-2px;
}
/* END NO TEXT DECORATION ON IMAGE LINKS | FIN PAS DE SOULIGNEMENT DES IMAGES-LIENS */

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;
}
img  {
  border:none;
}
/* GENERIC UTILITY CSS ENDS | FIN DU CSS D'UTILITE GENERIQUE */

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */
.prod_green {
	color: #225500 !important;
	background-color: transparent;
}
.agr_blue {
	color: #0055aa !important;
	background-color: transparent;
}
.int_red {
	color: #900 !important;
	background-color: transparent;
}
.sci_yellow {
	color: #aa5500 !important;
	background-color: transparent;
}
.sci_yellow2 {
	color: #aa5500 !important;
	background-color: transparent;
}
.terr_brown {
	color: #664411 !important;
	background-color: transparent;
}
.dark_grey {
	color: #555 !important;
	background-color: transparent;
}
.prod_greenBG {
	background-color: #225500 !important;
}
.agr_blueBG {
	background-color: #0055aa !important;
}
.int_redBG {
	background-color: #900 !important;
}
.sci_yellowBG {
	background-color: #aa5500 !important;
}
.terr_brownBG {
	background-color: #664411 !important;
}
.light_greyBG {
	background-color: #ddd !important;
}
.dark_greyBG {
	background-color: #555 !important;
}
.black {
	color: #000000 !important;
	background-color: transparent;
}
.white {
	color: #FFFFFF !important;
	background-color: transparent;
}
.red {
	color: #FF0000 !important;
	background-color: transparent;
}
.blue {
	color: #0000FF !important;
	background-color: transparent;
}
.green {
	color: #009933 !important;
	background-color: transparent;
}
.grey {
	color: #999999 !important;
	background-color: transparent;
}
.deepyellow {
	color: #FFCC33 !important;
	background-color: transparent;
}
.orange {
	color: #FF8800;
	background-color: transparent;
}
.blackBG {
	background-color: #000000 !important;
}
.whiteBG {
	background-color: #FFFFFF !important;
}
.redBG {
	background-color: #FF0000 !important;
}
.blueBG {
	background-color: #0000FF !important;
}
.greenBG {
	background-color: #009933 !important;
}
.lightgreenBG {
	background-color: #AAEE66 !important;
}
.lightgreyBG {
	background-color: #CCCCCC !important;
}
.deepyellowBG {
	background-color: #FFCC33 !important;
}
.orangeBG {
	background-color: #FF8800 !important;
}

span.arrow {
	color: #ffffff;
	background-image: url(/webassets/images/arrow.jpg);
	background-repeat: no-repeat; 
	margin-top: 8px ;
	padding-left: 13px ;
	padding-right: 13px ;
}
/* START SUPPRESS DISPLAY OF QUOTES IN NON-IE BROWSERS - DEBUT EMPECHER L'AFFICHAGE DES GUILLEMETS PAR LES FURETEURS AUTRES QUE IE*/
q:before, q:after {
    content: ""; }
/* END SUPPRESS DISPLAY OF QUOTES IN NON-IE BROWSERS - FIN EMPECHER L'AFFICHAGE DES GUILLEMETS PAR LES FURETEURS AUTRES QUE IE*/

/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */

/* TABLE CSS STARTS | DÉBUT DU CSS DE TABLEAU */
div.center table {
	border-collapse: collapse;
	empty-cells: show;
	font-size: 100%;
	margin: 20px 0 20px 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;
}
	
	/* "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 */

/* LONG DESCRIPTION CSS STARTS | DEBUT CCS DES LONGUES DESCRIPTIONS */
div.longDesc	{
	height: 0; 
	width: 0; 
	overflow: hidden;
	font-size: 0;
	position: absolute;
	left: -1000px;
}
/* LONG DESCRIPTION CSS ENDS | FIN CCS DES LONGUES DESCRIPTIONS */

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

/* FORMS CSS STARTS | DÉBUT DU CSS DE FORMULAIRES */
fieldset.no_border	{
	border-style: none;
}

input.submit_button {
	background-color:#fff; 
	color:#039; 
	font-weight:bolder; 
	border:1px solid #039;
}
input.quick_search {
	background-color:#FFF; 
	color:#000; 
	width: 98%;
	border:solid;
	border-width:1px;
	border-color: #039;
}
input.searchbox {
	background-color:#FFF; 
	color:#000; 
	width: 150px;
	border:solid;
	border-width:1px;
	border-color: #039;
}
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 */

/* START PROGRESIVE ENHANCEMENT CSS | DEBUT CSS POUR L' AMELIORATION PROGRESSIVE */
/* START 3-COLUMN RIGHT SLIDE SHOW | DEBUT DU 3 COLONNES DROITE DIAPORAMA*/
div.right div#slideinterface {
	background-image: url(/webassets/images/sshw-mdiap/deco.gif);	
	text-align: center;
	border-top: solid 1px #999999;
	margin-bottom: -3px;
}
div.right div#slideshow-container {
	background-color: #ffffff;
	text-align: center;
	padding-top: 3px;
}
/* END 3-COLUMN RIGHT SLIDE SHOW | FIN DU 3 COLONNES DROITE DIAPORAMA */
/* START CONTENT AREA SLIDE SHOW | DEBUT DU DIAPORAMA DANS LA ZONE DE CONTENU */
div.center ul#slideshow li {
	list-style-image: url(/webassets/images/bull_gen.gif);
	margin-left: -20px;
	margin-top: 0px;
}
div.center div#slideinterface {
	background-image: url(/webassets/images/sshw-mdiap/deco.gif);	
	text-align: center;
	margin-top: 3px;
	margin-bottom: -10px;
}
div.center div#slideshow-container {
	background-color: #ffffff;
	text-align: center;
	padding-top: 3px;
}
div.center img#slidecontainer-image	{
	height:auto;
	width: auto;
	margin-left:0px;
	margin-top:0px;
}
div.center div#slidecontainer {
	height: 100%;
	width: 100%;
	text-align:center;
}
/* END CONTENT AREA SLIDE SHOW  | FIN DU DIAPORAMA DANS LA ZONE DE CONTENU */ 
/* END PROGRESIVE ENHANCEMENT | FIN POUR L'AMELIORATION PROGRESSIVE */

/* BEGIN TEMPORARY CODE FOR URGENT MAIN PAGE CHANGES */
div.right .pad4	{
	padding: 4px !important;
}

/* END TEMPORARY CODE FOR URGENT MAIN PAGE CHANGES */
/* Block spacer classes - START */
.blockSpacerTop	{
	margin-top: 4px; /* !important */
	}
.blockSpacerBottom	{
	margin-bottom: 4px; /* !important */
	}
.blockSpacerLeft	{
	margin-left: 10px; /* !important */
	}
.blockSpacerRight	{
	margin-right: 10px; /* !important */
	}
/* Block spacer classes - END */