/* CLF 2.0 TEMPLATE VERSION 1.05 | VERSION 1.05 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #dddddd;
}
body.w-b {
	background-color: #ffffff;
}
.image-left { 
	margin-right: 10px;
}
/* RIGHT MENU BEGINS | DEBUT DU MENU DE DROITE */
div.box_image a, div.box_image a:visited {
	width: 195px;
	height:5em;
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none;
}
div.right ul.nav li a{
	color: #000000;
}
a.image{
	padding-left:6px;
	position:relative;
	text-decoration:none;
}
div.img1	{
	background-image: url(http://www.listeriosis-listeriose.investigation-enquete.gc.ca/images/img1.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 55px;
	background-position: bottom;
	text-decoration:none;
	margin-bottom:5px;
}
div.img2	{
	background-image: url(http://www.listeriosis-listeriose.investigation-enquete.gc.ca/images/img2.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 55px;
	background-position: bottom;
	text-decoration:none;
	margin-bottom:5px;
}
div.img3	{
	background-image: url(http://www.listeriosis-listeriose.investigation-enquete.gc.ca/images/img3.jpg);
	width: 195px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: bottom;
	text-decoration:none;
	margin-bottom:5px;
}
div.img4	{
	background-image: url(http://www.listeriosis-listeriose.investigation-enquete.gc.ca/images/img4.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 55px;
	background-position: bottom;
	text-decoration:none;
	margin-bottom:5px;
	
}
div.img5	{
	background-image: url(http://www.listeriosis-listeriose.investigation-enquete.gc.ca/images/img5.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 55px;
	background-position: bottom;
	text-decoration:none;
	margin-bottom:5px;
	
}
/* RIGHT MENU ENDS | FIN DU MENU DE DROITE*/

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

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
.blockSpacerTop	{
	margin-top: 4px !important;
	}
.blockSpacerBottom	{
	margin-bottom: 4px !important;
	}

/* LANES BLOCK CSS BEGINS | DEBUT DU CSS DU BLOC DES SECTEURS */
ul.lanes li.menucontent {
	font-size: 100%;
	font-weight: 700;
	line-height: 1.6em;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
	border-bottom: 1px #fff solid;
	background-color: #555;
	color: #FFF;
}
ul.lanes li.menucontent a.menulink
{
	background-color: inherit !important;
	color: #FFF !important;
}
/* LANES BLOCK CSS ENDS | FIN DU CSS DU BLOC DES SECTEURS */

h2.nav, 
div.h2nav, 
p.h2nav {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #555;
	color: #FFF;
}
h2.nav, 
h2.nav a:link, 
h2.nav a:visited, 
div.h2nav, 
div.h2nav a:link, 
div.h2nav a:visited, 
p.h2nav, 
p.h2nav a:link, 
p.h2nav a:visited {
	background-color: #555;
	color: #FFF !important;
}

h2.nav a:link, 
h2.nav a:visited, 
div.h2nav a:link, 
div.h2nav a:visited, 
p.h2nav a:link, 
p.h2nav a:visited,
 {
	text-decoration: none !important;
}
h2.nav a[name]:link, 
h2.nav a[name]:visited, 
div.h2nav a[name]:link, 
div.h2nav a[name]:visited, 
p.h2nav a[name]:link, 
p.h2nav a[name]:visited,
 {
	text-decoration: none !important;
}
h2.nav a:hover, 
h2.nav a:active, 
h2.nav a:focus, 
div.h2nav a:hover, 
div.h2nav a:active, 
div.h2nav a:focus, 
p.h2nav a:hover, 
p.h2nav a:active, 
p.h2nav a:focus,

{
	text-decoration: underline;
	color: #333;
}
h2.nav a[name]:hover, 
h2.nav a[name]:active, 
h2.nav a[name]:focus, 
div.h2nav a[name]:hover, 
div.h2nav a[name]:active, 
div.h2nav a[name]:focus, 
p.h2nav a[name]:hover, 
p.h2nav a[name]:active, 
p.h2nav a[name]:focus {
	color: inherit;
}
div.left a:hover, div.left a:active, div.left a:focus {
	color: #333;
} 
div.left a[name]:hover, div.left a[name]:active, div.left a[name]:focus, div.right a[name]:hover, div.right a[name]:active, div.right a[name]:focus {
	color: inherit;
} 
div.right li ul.nav, div.right li p.nav, div.right li div.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 */

div.right div.nav, div.right ul.nav, div.right ul.navbull  {
	border: 1px solid #555;
}	
div.right ul.navbull	{
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 8px;
	padding-right: 2px;
	list-style-type: none;
}
div.center ul.graphBull	{
	list-style-type: none;
}

div.left ul.nav li.menucontent, div.left div.menucontent {
	border-bottom: 1px solid #fff;
}
div.left li.menucontent, div.left div.menucontent, div.left a:link.menulink, div.left a:visited.menulink {
	color: #000;
	background-color: #ddd;
}
div.left a:link.menulink, div.left a:visited.menulink {
	text-decoration: none;
}
div.left a:hover.menulink, div.left a:active.menulink, div.left a:focus.menulink {
	text-decoration: underline;
	color: #333;
}


/* 	RIGHT LINK TEST */

div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #FFF;
}

div.prodis {
	background-color: #555;
}
/* 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.center h1 {
	font-size: 1.60em;
}
div.center h2 {
	font-size: 1.40em;
}
div.center h3 {
	font-size: 1.2em;
}
div.center h4 {
	font-size: 1.1em;
}
div.center h5 {
	font-size: 1.05em;
}
div.center h6 {
	font-size: 1em;
}
div.blackborder {
	border: solid #555555 1px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}

h2.features{
	font-size: 1.4em;
	color:#036;
	padding:0;
	margin:0;
	line-height:4px;
}
div.center a.bookmark	{
	text-decoration: none;
}
div.center a:link, div.right a:link, div.right a:link.menulink	{
	color: #039;
	text-decoration: underline;
}
div.center a:visited, div.right a:visited, div.right a:visited.menulink	{
	color: #808;
	text-decoration: underline;
}
div.center a:hover, div.center a:active, div.center a:focus, div.right a:hover, div.right a:active, div.right a:focus, div.right a:hover.menulink, div.right a:active.menulink, div.right a:focus.menulink	{
	color: #000;
	text-decoration: underline;
}
/* MAIN PAGE CSS BEGINS | DEBUT DU CSS DE LA PAGHE PRINCIPALE */
h2.maintitle { 	
	font-size: 1.05em !important;
	font-weight: 900 !important;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 3px;
	background-color: #ddd;
	margin-left: -5px;
	margin-right: -5px;
}

div.right .pad4	{
	padding: 4px;
}

div.initiatives {
	border: 0;
	padding: 0;
}

/* MAIN PAGE CSS ENDS | FIN DU CSS DE LA PAGHE PRINCIPALE */

/* 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: #555555;
}
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: #ffffff;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* GENERIC UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE GENERIQUE */
a img	{
	border: 0 !important;
}
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: #ffffff;
	border: 1px solid #000000;
}
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: #555555 !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: #dddddd !important;
}
.dark_greyBG {
	background-color: #555555 !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(/res/images/arrow.jpg);
	background-repeat: no-repeat; 
	margin-top: 8px ;
	padding-left: 13px ;
	padding-right: 13px ;
}

/* 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;
}
div.center table tr {
	vertical-align: middle;
}
div.center table tr.shade td {
	background-color: #dddddd;
}
div.center table tr th {
	background-color: #ffffff;
	border: 1px solid #999;
	color: #000000;
	padding: 6px 10px;
}
div.center table tr th a {
	background-color: #ffffff;
	color: #000000;
	text-decoration: underline;
}
div.center table tr th.tblcaption {
	background-color: #039;
	border: 1px solid #dddddd;
	color: #ffffff;
	margin: 1px;
}
div.center table tr th.tblcaption a {
	background-color: #039;
	color: #ffffff;
	text-decoration: underline;
}
div.center table tr td {
	background-color: #ffffff;
	border: 1px solid #999;
	color: #000000;
	padding: 6px 10px;
}
div.center table tr td.blue_line {
	background-color: #ffffff;
	border-bottom: 1px solid #039;
	color: #000000;
	padding: 0px;
}
div.center table tr td.black_line {
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	color: #000000;
	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: #000000;
		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.noBorder	{
	border-style: none;
}
div.navSearch form {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

#keyword	{
	width: 85%
}
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(http://www4.agr.gc.ca/res/js/support/slideshow/deco.gif);
	margin-top: -3px;
	margin-bottom: 0px;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px !important;
}
div.right div#slideshow-container {
	background-color: #ffffff;
	text-align: center;
	padding-top: 3px;
}
div.right ul#slideshow {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #555555;
	border-right-color: #555555;
	border-bottom-color: #555555;
	border-left-color: #555555;
}
div.right ul#slideshow li {
	padding-left:13px;
	margin-bottom: 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(/res/images/bull_gen.gif);
	margin-left: -20px;
	margin-top: 0px;
}
div.center div#slideinterface {
	background-image: url(/res/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 */

/*START JQUERY TABS*/
.tabs ul li.title{
	font-size: 12pt;
	margin-right: 50px;
	font-weight: bolder;
}

.tabs ul{
	margin-left: 0;
	list-style: none;
	padding-left: 0;
	padding-top: 7px;
	padding-bottom: 6px;
	border-bottom: 2px solid navy;
}

.tabs ul li{
	display: inline;	
}

.tabs ul a{
	border: 2px solid navy;
	border-bottom: none;
	padding: 6px 10px 6px 10px;
	margin-right: 5px;
	text-decoration: underline;
}
/*END JQUERY TABS*/