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

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/*
Change based on:
6.3.2.15 Adjusting the alignment of the FIP images
*/
div.fip, div.cwm {
	height: 25px;
}

/*
Change based on:
6.3.2.17 Changing the width and the starting position of the skip navigation links container
*/f
div.page div.core div.navaid {
	width: 450px;
    padding-left: 85px;
}

/*
Change based on:
6.3.2.17 Changing the width and the starting position of the skip navigation links container
*/
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 85px;
}

/*
Change based on:
6.3.2.17 Changing the width and the starting position of the skip navigation links container
*/
*:first-child+html div.page div.core div.navaid {
    width: 450px;
	padding-left: 85px;
}

/*
Non-flash banner
*/
div.banner {
	background-color: #03369e;
}

/*
Flash banner
In the template, an extra <div> was inserted within <div class="banner"> ... </div>. This
new <div> must have an ID of "banner".
*/
div.banner-flash {
	min-height: 112px;
	height: 112px;
	margin-top: 0;
	padding-bottom: 0;
}
	div.banner-flash #banner {
		height: 112px;
	}

/*
Base hyperlink text color - site-wide
*/
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: #4a6792;
}

/*
Breadcrumb
*/
p.breadcrumb {
/* UPDATED BY MS: */
	font-size: 80%;
	padding: 2px 0px 6px 6px;
}
	p.breadcrumb a:link,
	p.breadcrumb a:visited,
	p.breadcrumb a:hover,
	p.breadcrumb a:active {
		color: #4a6792;
		text-decoration: underline;
	}
/*
commented DU
	p.breadcrumb a.current:link,
	p.breadcrumb a.current:visited,
	p.breadcrumb a.current:hover,
	p.breadcrumb a.current:active {
		color: #000;
		text-decoration: none;
	}
	p.breadcrumb a.current:hover,
	p.breadcrumb a.current:active {
		text-decoration: underline;
	}
*/
/*
Institutional Links
*/
div.left ul.nav li.menucontent,
div.left ul.nav div.menucontent {
	background: #dfe5f1 url(../images/nav_leftcol_primary_bg.gif) repeat-x left top;
	border-bottom: 1px solid #9bacd2;
	padding: 1px 3px 3px 13px;
}
	div.left ul.nav li.menucontent a.menulink,
	div.left ul.nav div.menucontent a.menulink {
		background-color: transparent;
		color: #4a6792;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
	}
	div.left ul.nav li.menucontent a.menulink:hover,
	div.left ul.nav div.menucontent a.menulink:hover {
		text-decoration: underline;
	}

	/* Active first level navigational element */
	div.left ul.nav li.current {
		padding-bottom: 0;
	}
		div.left ul.nav li.menucontent ul.nav {
			background: #c4cee4 url(../images/nav_leftcol_secondary_bg.gif) repeat-x left top;
			margin: 5px -3px 0 -13px;
			padding: 3px 0 5px 0;
			width: 150px;
		}
			div.left ul.nav li.menucontent ul.nav li.menucontent {
				background: transparent;
				border-bottom: 0;
				padding: 1px 3px 6px 23px;  /*updated from 3 to 5 by MS*/
			}
				div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink {
					color: #2d2b33;
					font-weight: normal;
				}
				div.left ul.nav li.menucontent ul.nav li.menucontent a.current {
					font-weight: bold;
				}
				div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink:hover,
				div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink:active {
					text-decoration: underline;
				}


		/* Third level navigation */
				div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav {
					margin: 5px -3px 0 -23px;
					width: 150px;
				}
					div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent {
						background: transparent url(../images/nav_leftcol_third_bg.gif) no-repeat 27px .6em;
						padding: 1px 3px 3px 38px;
					}


div.left h2.navaid,
div.left div.prodis {
	display: none;
}
	div.left ul.nav li.prodis {
		border-bottom: 0;
		padding: 0;
		zoom: 1;
	}
		div.left ul.nav li.prodis ul.nav {
			margin: 0;
		}


/*
Tools (beneath Institutional Links)
*/
div.left ul.tools {
	background: #fff url(../images/leftcol_bg_gradient.gif) repeat-x left top;
	height: auto !important;
	height: 290px;
	min-height: 290px;
	padding: 17px 0 0 0;
}
	div.left ul.tools li.menucontent {
		background-color: transparent;
		background-position: 11px 50%;
		background-repeat: no-repeat;
		border-bottom: 0;
		margin: 0 0 2px 0;
		padding: 1px 3px 3px 32px;
	}
		div.left ul.tools li.email {
			background-image: url(../images/icon_email.gif);
		}
		div.left ul.tools li.print {
			background-image: url(../images/icon_print.gif);
		}

/*
Footer
*/
div.footer {
	color: #4a6792;
	font-size: 80%;
	padding-top: 50px;
}
	div.footer div.footerline {
		background-color: #e0efff;
	}


/*
Wrapper background image
*/
/* 3 column */
div.colLayout {
	background: #fff url(../images/wrapper_3col_bg.gif) repeat-y left top;
}

div.colLayout div.blackborder{
	width:395px;
	overflow:hidden;
}



/* 2 column */
.col2 div.colLayout {
	background: #fff url(../images/wrapper_2col_bg.gif) repeat-y left top;
}

	div.colLayout div.left,
	div.colLayout div.right,
	div.colLayout div.center {
		background-color: transparent;
	}

.col2 div.colLayout div.blackborder{
	width:auto;
}

/* 1 column */
.col1 div.colLayout {
	background-image: none;
}

	div.colLayout div.left,
	div.colLayout div.right,
	div.colLayout div.center {
		background-color: transparent;
	}

.col1 div.colLayout div.blackborder{
	width:auto;
}


/*
Center Column
*/
div.blackborder {
	border: 0;
	font-size: 90%; /*updated from 80 to 90 by MS*/
	line-height: 130%;
	padding: 0 5px;
}
	/* Hyperlinks */
	div.center a:link,
	div.center a:visited,
	div.center a:hover
	div.center a:active {
		color: #4a6792;
		text-decoration: underline;
	}
	div.center a:hover
	div.center a:active {
		text-decoration: none;
	}

	/* H1 headings */
	div.center h1 {
		margin-top: 0;
		padding-top: 0;
		color: #9D280E;
		line-height: 120%;
	}

	/* H2 headings */
	div.center h2 {
		margin-top: 0;
		padding-top: 0;
		font-size: 100%; /*updated by MS to make it look like bold body text*/
	}

	/* H3 headings */
	div.center h3 {
		/*REM BY MS: color: #039; */
		margin: 0;
		font-size: 140%; /*updated by MS */
		font-weight: bold;
		padding: 0;
		/*REM BY MS: text-transform: uppercase; */
	}


	/* Unordered <UL) Lists */
	div.center ul {
		list-style-type: disc;
	}
		div.center ul li {
			/*REM BY MS: color: #039;*/
			margin: 0 0 .35em 0;
		}

	/*
	Content: Table Layout
	*/
	div.center table {
		border: 1px solid #bbb;
		border-collapse: collapse;
		width: 100%;
	}
	div.center table tr {
		vertical-align: top;
	}
	div.center table td {
		border: 1px solid #bbb;
		padding: 3px;
	}
	div.center table th {
		padding: 3px auto;
	}

	div.center table tr.shademe td {
		background-color: #ebecec;
	}


	div.center table.noshade {
		border: 0;
	}
		div.center table.noshade td {
			border: 0;
			background-color: #fff;
		}

	div.center table.noborder {
		border: 0;
	}
		div.center table.noborder td {
			border: 0;
			background-color: #fff;
			padding: 0;
		}

/* ADDED BY MANU */

	div.center ul.RelatedLink { /*ADDED BY MS: to address the cutoff issue */
		background: #fff url(../images/rightcol_feature_story_shortBox_bg.gif) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 70px;
		width: 190px;
		margin: 0 -8px 0 0;
		position: relative;
		min-height: auto;
		float: right;
		text-decoration: none;
		list-style: none;
		zoom: 1;
	}


		div.center ul.RelatedLink li h2.text {
			color: #fff;
			font-size: 100%;
			font-weight: bold;
			height: auto;
			overflow: visible;
			padding: 12px 10px 0 0; /* changed fom 7 to 12 by MS*/
			margin-bottom: 5px; /* added by MS */
			text-align: right;
			text-indent: 0;
			list-style: none;
		}

			div.center ul.RelatedLink li  li.menucontent a.menulink {
				background-color: transparent;
				color: #4a6792;
				display: block;
				list-style: none;
			}

		div.center ul.RelatedLink li ul.nav li.menucontent  {
			background: transparent;
			color: #4a6792;
			font-size: 80%;
			height: auto;
			margin: 0 0 1px 0;
			line-height: 13px;
			list-style: none;
		}


/*
Feature box that is positioned within the "center" column. Text flows around
the feature and it is positioned on the right-hand side of the column.
*/
div.center div.feature-float {
	background: transparent url(../images/centercol_feature_story_bg.gif) no-repeat left top;
	display: inline;
	float: right;
	font-size: 90%;
	margin: 0 0 15px 15px;
	padding: 20px 12px 1px 13px;
	width: 195px;
	width: 170px;
}
	/* Title of the feature box. */
	div.center div.feature-float h2 {
		color: #ffffff;
		font-size: 120%;
		margin: 0 0 20px 0;
		padding: 0;
	}

	div.center div.feature-float ul {
		list-style-type: none;
		margin: 0 0 1em 0;
		padding: 0;
	}
		div.center div.feature-float ul li {
			border-bottom: 1px solid #9bacd2; /* LINE COLOUR */
			margin: 0 0 5px 0;
			padding: 0 0 5px 0;
			color: #443e55;
		}
			div.center div.feature-float ul li a,
			div.center div.feature-float ul li a:active, div.center div.feature-float ul li a:visited {
				color: #443e55;
				text-decoration: none;
			}

			div.center div.feature-float ul li a:hover
			 {
				color: #443e55;
				text-decoration: underline;
			}

	/* "Read more" link. */
	div.center div.feature-float a.more {
		color: #1166af;
		display: block;
		text-align: right;
	}







/*
Right Column - Blue background features (gradient with
white graphical text)
*/
div.right li ul.nav {
	border: 0;
}
	div.right ul.nav li {
		background: #fff url(../images/rightcol_feature_story_bg.gif) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 105px; /*UPDATED BY MS: Was 105 previously */
		margin: 0 0 10px 0; /*UPDATED BY MS: Was 15 previously */
		min-height: auto; /*UPDATED BY MS: Was 105 previously */
	}



	/* done by MS to add green careers box */
	div.right ul.nav li.careers {
		background: #fff url(../images/rightcol_feature_story_careers_bg.gif) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 105px; /*UPDATED BY MS: Was 105 previously */
		margin: 0 0 0 0; /*UPDATED BY MS: Was 15 previously */
		min-height: auto; /*UPDATED BY MS: Was 105 previously */
	}

	/* done by MS to add green careersFRONTPAGEFR box */
	div.right ul.nav li.FrontPageCareersFR {
		background: #fff url(../images/right_careers_homepage_button-fra.jpg) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 165px; /*UPDATED BY MS: Was 144 previously */
		margin: 0 0 0 0; /*UPDATED BY MS: Was 15 previously */
		min-height: auto; /*UPDATED BY MS: Was 105 previously */
	}


	/* done by MS to add green careersFRONTPAGEENG box */
	div.right ul.nav li.FrontPageCareersENG {
		background: #fff url(../images/right_careers_homepage_button-eng.jpg) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 165px; /*UPDATED BY MS: Was 144 previously */
		margin: 0 0 0 0; /*UPDATED BY MS: Was 15 previously */
		min-height: auto; /*UPDATED BY MS: Was 105 previously */
	}


	/* done by MS to add green wasteFRONTPAGEFR box */
	div.right ul.nav li.FrontPageWasteFR {
		background: #fff url(../images/right_waste_homepage_button-fra.jpg) no-repeat left top;
		border: 0;
		height: auto !important;
		min-height: 0 !important;
		margin: 0;
		position: relative;
	}
	/* done by MS to add green wasteFRONTPAGEENG box */
	div.right ul.nav li.FrontPageWasteENG {
		background: #fff url(../images/right_waste_homepage_button-eng.jpg) no-repeat left top;
		border: 0;
		height: auto !important;
		min-height: 0 !important;
		margin: 0;
		position: relative;
	}

	a.wasteTopLink {
	/*related to FrontPageWaste */
		background: transparent url(../images/spacer.gif) no-repeat left top;
		display: block;
		height: 50px;	/* Modify this if the graphical text part gets smaller/bigger */
		left: 0;
		position: absolute;
		top: 0;
		text-indent: -5000px;
		text-decoration: none;
		width: 100%;
	}




	/* done by MS to add green cfrFRONTPAGEFR box */
	div.right ul.nav li.FrontPageCFRFR {
		background: #fff url(../images/cfr/CFR-Button_f.jpg) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 165px; /*UPDATED BY MS: Was 144 previously */
		margin: 0 0 0 0; /*UPDATED BY MS: Was 15 previously */
		min-height: auto; /*UPDATED BY MS: Was 105 previously */
	}

	/* done by MS to add green cfrFRONTPAGEENG box */
	div.right ul.nav li.FrontPageCFRENG {
		background: #fff url(../images/cfr/CFR-Button_e.jpg) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 132px; /*UPDATED BY MS: Was 144 previously */
		margin: 0 0 0 0; /*UPDATED BY MS: Was 15 previously */
		min-height: auto; /*UPDATED BY MS: Was 105 previously */
	}


	div.right ul.nav li.shortBox { /*ADDED BY MS: to address the cutoff issue */
		background: #fff url(../images/rightcol_feature_story_shortBox_bg.gif) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 70px;
		margin: 0 0 10px 0;
		min-height: auto;
	}
		/*
		 Graphical version of feature title
		*/
		div.right ul.nav li h2.nav {
			background-color: transparent;
			background-position: left top;
			background-repeat: no-repeat;
			display: block;
			height: 30px;
			margin: 0 0 15px 0;
			overflow: hidden;
			padding: 0;
			text-decoration: none;
			text-indent: -5000px;
		}

		/*
		 Graphical version of feature title
		*/
	/* done by MS to add green careers box */
		div.right ul.nav li.careers h2.nav {
			background-color: transparent;
			background-position: left top;
			background-repeat: no-repeat;
			display: block;
			height: 30px;
			padding: 2px 0px 0px 5px; /* was 15 */
			overflow: hidden;
			text-decoration: none;
			text-indent: -5000px;
		}
	/* done by MS to add green careers box */
		div.right ul.nav li.careers h2.text {
			color: #fff;
			font-size: 100%;
			font-weight: bold;
			height: auto;
			overflow: visible;
			padding: 2px 10px 0px 10px; /* changed fom 7 to 12 by MS*/
			margin-bottom: 5px; /* added by MS */
			text-align: left;
			text-indent: 0;
		}

	/* done by MS to add green careersFRONTPAGEFR box */
		div.right ul.nav li.FrontPageCareersFR h2.nav {
			background-color: transparent;
			background-position: left top;
			background-repeat: no-repeat;
			display: block;
			height: 30px;
			padding: 2px 0px 0px 5px; /* was 15 */
			overflow: hidden;
			text-decoration: none;
			text-indent: -5000px;
		}

	/* done by MS to add green careersFRONTPAGEENG box */
		div.right ul.nav li.FrontPageCareersENG h2.nav {
			background-color: transparent;
			background-position: left top;
			background-repeat: no-repeat;
			display: block;
			height: 30px;
			padding: 2px 0px 0px 5px; /* was 15 */
			overflow: hidden;
			text-decoration: none;
			text-indent: -5000px;
		}
	/* done by MS to add green careersFRONTPAGEFR box */
		div.right ul.nav li.FrontPageCareersFR h2.text {
			color: #fff;
			font-size: 100%;
			/*font-weight: bold;*/
			height: auto;
			overflow: visible;
			padding: 3px 10px 0px 5px; /* changed fom 7 to 12 by MS*/
			margin-bottom: 5px; /* added by MS */
			text-align: center;
			text-indent: 0;
		}
	/* done by MS to add green careersFRONTPAGEENG box */
		div.right ul.nav li.FrontPageCareersENG h2.text {
			color: #fff;
			font-size: 100%;
			/*font-weight: bold;*/
			height: auto;
			overflow: visible;
			padding: 3px 10px 0px 5px; /* changed fom 7 to 12 by MS*/
			margin-bottom: 5px; /* added by MS */
			text-align: center;
			text-indent: 0;
		}

	/* done by MS to add green FrontPageWasteFR box */
		div.right ul.nav li.FrontPageWasteFR h2.text {
			color: #fff;
			font-size: 100%;
			/*font-weight: bold;*/
			height: auto;
			overflow: visible;
			padding: 3px 10px 0px 5px; /* changed fom 7 to 12 by MS*/
			margin-bottom: 5px; /* added by MS */
			text-align: center;
			text-indent: 0;
		}

	/* done by MS to add green careersFRONTPAGEENG box */
		div.right ul.nav li.FrontPageWasteENG h2.text{
			color: #fff;
			font-size: 100%;
			/*font-weight: bold;*/
			height: auto;
			overflow: visible;
			padding: 3px 10px 0px 5px; /* changed fom 7 to 12 by MS*/
			margin-bottom: 5px; /* added by MS */
			text-align: center;
			text-indent: 0;
		}



		/*
		 Text version of feature title
		 *REMEMBER TO REMOVE THE ID FROM THE PARENT <LI>*
		*/
		div.right ul.nav li h2.text {
			color: #fff;
			font-size: 100%;
			font-weight: bold;
			height: auto;
			overflow: visible;
			padding: 12px 10px 0 0; /* changed fom 7 to 12 by MS*/
			margin-bottom: 5px; /* added by MS */
			text-align: right;
			text-indent: 0;
		}

			div.right li ul.nav li.menucontent a.menulink {
				background-color: transparent;
				color: #4a6792;
				display: block;
			}


		div.right ul.nav li ul.nav li.menucontent  {
			background: transparent;
			color: #4a6792;
			font-size: 80%;
			height: auto;
			margin: 0 0 1px 0;
			line-height: 13px;
		}


	/* done by MS to add green careers box */
		div.right ul.nav li.careers ul.nav li.menucontent  {
			background: transparent;
			color: #4a6792;
			font-size: 80%;
			height: auto;
			padding: 14px 7px 30px 30px;
			line-height: 13px;
		}

	/* done by MS to add green FrontPageCareersFR box */
		div.right ul.nav li.FrontPageCareersFR ul.nav li.menucontent  {
			background: transparent;
			color: #4a6792;
			font-size: 80%;
			height: auto;
			padding: 74px 0px 30px 30px;
			line-height: 13px;
		}
	/* done by MS to add green FrontPageCareersENG box */
		div.right ul.nav li.FrontPageCareersENG ul.nav li.menucontent  {
			background: transparent;
			color: #4a6792;
			font-size: 80%;
			height: auto;
			padding: 74px 0px 30px 30px;
			line-height: 13px;
		}

	/* done by MS to add green FrontPageWasteFR box */
		div.right ul.nav li.FrontPageWasteFR ul.nav li.menucontent  {
			background: transparent;
			color: #4a6792;
			font-size: 80%;
			height: auto;
			padding: 104px 0px 30px 15px;
			_padding-top: 86px;
			line-height: 6px;
		}

	/* done by MS to add green FrontPageWasteENG box */
		div.right ul.nav li.FrontPageWasteENG ul.nav li.menucontent  {
			background: transparent;
			color: #4a6792;
			font-size: 80%;
			height: auto;
			padding: 104px 0px 30px 15px;
			_padding-top: 86px;
			line-height: 6px;
		}



/*
Right Column - Graphic features.
Max width of 195 pixels; there is no limit on height.
*/

/* Graphic feature with NO hyperlink */
div.right div.feature {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	margin: 0 0 15px 0;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-indent: -5000px;
	width: 195px;
}
/* Graphic feature with hyperlink */
div.right div.feature a {
	height: 100%;
	left: 0;
	position: absolute;
	text-indent: -5000px;
	top: 0;
	width: 100%;
}


/*
Graphical headers for all content (center column) title and features.
Please ensure that a height is set for all; no width value is needed.
*/
div.center .hdr-graphic {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-decoration: none;
	text-indent: -5000px;
}


/*
Home page Flash movie
*/
#home-flash-banner {
	height: 266px;
	position: relative;
	width: 395px;
}

/*
Home page welcome area - grouping of the following items:
	- Licencees & Applicants
	- My Community
	- News
	- How to Report an Incident
*/
#home-welcome {
	background: #fff url(../images/home_welcome_bg.gif) no-repeat left top;
}
	#home-welcome div.col1 {
		display: inline;
		float: left;
		margin: 34px 0 0 17px;
		padding: 0 4px 0 0;
		width: 179px;
	}
	#home-welcome div.col2 {
		display: inline;
		float: left;
		margin: 58px 0 0 14px;
		width: 170px;
	}

/*ADDED BY ms*/
	#home-welcome div.colSingle {
	display: inline;
	float: left;
	margin: 35px 0 0 14px;
	width: 349px;
	}
	
	#home-welcome div.colSingle ul li.FrontPageLatestNews{
		 list-style-type: disc;
		 list-style-position:outside;
		 /*display: block;*/
		 margin-left: 2em;
		 list-style: disc;
		
	}


	#home-welcome h2.hdr-graphic {
		margin: 0 0 4px 0;
		padding: 0;
	}
		#home-welcome h2#my-community {
			border-top: 1px solid #f7faff;
			background-position: left bottom;
			padding-top: 7px;
		}

	#home-welcome a:link,
	#home-welcome a:visited,
	#home-welcome a:hover,
	#home-welcome a:active {
		color: #443e55;
		text-decoration: none;
	}
	#home-welcome a:hover,
	#home-welcome a:active {
		text-decoration: underline;
	}

	#home-welcome p {
		margin: 0 0 10px 0;
		padding: 0;
	}

	#home-welcome ul {
		list-style-type: none;
		margin: 0 0 25px 0;
		padding: 0;
	}
		/*#home-welcome ul li {
			margin: 0 0 7px 0;
		}*/

/*
RSS Feed Sidebar Feature for the Home page.
*/
#rssfeed-home {
	background: #fff url(../images/features/rss-feed-sidebar-feature.gif) no-repeat left top;
	height: 98px !important;
	position: relative;
}
	/* Title of the graphic feature. */
	#rssfeed-home h2 {
		color: #fff;
		font-size: 15px;
		font-weight: normal;
		left: 10px;
		letter-spacing: -.05em;
		line-height: 15px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 10px;
		width: 140px;
	}

	#rssfeed-home a {
		background: transparent url(../images/icon-blue-box-arrow.gif) no-repeat right center;
		color: #3355a3;
		font-size: 13px;
		left: 10px;
		letter-spacing: -.05em;
		line-height: 13px;
		padding-right: 16px;
		position: absolute;
		text-decoration: none;
		top: 75px;
	}



/*
Clear floats so content beneath will flow
normally. This class must be attached to any
parent that has a floated child.
*/
.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}