body{	
	margin: 0;
	padding: 0;
	height: 100%;
	background: url('images/bg_body.gif') 0px 0px repeat-x #ededed;
}

#container {
	width: 1000px;
	margin: 0 auto;
	background: url('images/bg_container.jpg') 0px 0px repeat-y #e4e4e6;
}

/* Header
-------------------------------------------------------------- */

#header {
	width: 1000px;
	height: 223px;
}

	#headerLeft {
		float: left;
	}

	#headerRight {
		float: left;
	}

	#tools {
		display: block;
		width: 990px;
		height: 19px;

		padding: 5px 10px 0px 0px;

		background: url('images/bg_tools.jpg') 0px 0px no-repeat;

		text-align: right;
		color: #606060;
		font-size: 10px;
	}

		#tools a {
			color: #606060;
			text-decoration: none;
		}

		#tools a:hover {
			text-decoration: underline;
		}

			#tools .print {
				float: right;
			}

			#tools .lang {
				float: right;
			}

				#tools .lang a {
					display: block;
					float: left;
					width: 16px;
					height: 11px;
					margin-right: 5px;
				}

					#tools .lang .fr {
						background: url('images/lang_fr.gif') 0px 0px no-repeat;
					}

					#tools .lang .en {
						background: url('images/lang_en.gif') 0px 0px no-repeat;
					}

	#logo {
		width: 250px;
		height: 69px;

		background: url('images/bg_logo.jpg') 0px 0px no-repeat;
	}

	#intro {
		display: block;
		width: 192px;
		height: 75px;

		padding: 55px 29px 0px 29px;

		color: #606060;
		font-size: 14px;
		text-align: justify;

		*overflow: hidden;
	}

	.en #intro {
		background: url('images/en/bg_intro.jpg') 0px 0px no-repeat;
	}

	.fr #intro {
		background: url('images/fr/bg_intro.jpg') 0px 0px no-repeat;
	}

	#encarts_top .encart{
			display: block;
			width: 235px;
			height: 185px;


			float: left;

			color: white;
			text-decoration: none;
			font-size: 17px;
			font-weight: bold;
			letter-spacing: -1px;

			padding: 14px 0px 0px 15px;
			overflow: hidden;
	}

	#encarts_top .encart:hover{
			position: relative;
			top: -8px;
			height: 193px;

			margin-bottom: -8px;
	}

		#encarts_top .red {
			background: url('images/bg_red_top.jpg') 0px -8px no-repeat;
		}

			#encarts_top .red:hover {
				background-position: 0px 0px;
			}

		#encarts_top .redActive {
			background: url('images/bg_red_top_active.jpg') 0px 0px no-repeat;

			position: relative;
			top: -8px;
			height: 193px;

			margin-bottom: -8px;
			
		}

		#encarts_top .redInactive, #encarts_top .redInactive:hover {
			background: url('images/bg_red_top_Inactive.jpg') 0px -8px no-repeat;
			position: relative;
			top: 0px;
			color:#FFA295;
		}

		#encarts_top .blue {
			background: url('images/bg_blue_top.jpg') 0px -8px no-repeat;
		}

			#encarts_top .blue:hover {
				background-position: 0px 0px;
			}
		
		#encarts_top .blueActive {
			background: url('images/bg_blue_top_active.jpg') 0px 0px no-repeat;

			position: relative;
			top: -8px;
			height: 193px;

			margin-bottom: -8px;
			
		}

		#encarts_top .blueInactive, #encarts_top .blueInactive:hover {
			background: url('images/bg_blue_top_Inactive.jpg') 0px -8px no-repeat;
			position: relative;
			top: 0px;
			color:#A2E6FF;
		}

		#encarts_top .green {
			background: url('images/bg_green_top.jpg') 0px -8px no-repeat;
		}

			#encarts_top .green:hover {
				background-position: 0px 0px;
			}
		
		#encarts_top .greenActive {
			background: url('images/bg_green_top_active.jpg') 0px 0px no-repeat;

			position: relative;
			top: -8px;
			height: 193px;

			margin-bottom: -8px;
			
		}

		#encarts_top .greenInactive, #encarts_top .greenInactive:hover {
			background: url('images/bg_green_top_Inactive.jpg') 0px -8px no-repeat;
			position: relative;
			top: 0px;
			color:#E9FFB4;
		}

		#toolsLeft {
			display: block;
			width: 250px;
			background: url('images/bg_toolsLeft.jpg') 0px 0px no-repeat;

			padding: 0px 0px 10px 0px;

			/* HEIGHT POUR IE 6 */
			*height: 180px;
		}

		/* MIN HEIGHT FF & NAV MODERNES */
		html>body #toolsLeft {
			min-height: 170px;
			height: auto;
		}

		#menu {
			margin: 10px 0px 0px 0px;
		}

			#menu a {
				display: block;
				width: 207px;
				height: 18px;

				padding: 4px 0px 0px 43px;
				
				background: url('images/bg_menu_a.jpg') 29px 7px no-repeat;

				color: #4d4b4c;
				text-decoration: none;
				font-size: 14px;

				overflow: hidden;
			}

			#menu a:hover {
				background: url('images/bg_menu_a_hover.jpg') left no-repeat;
				
				color: white;
			}
			
			#menu .Active {
				background: url('images/bg_menu_a_hover.jpg') left no-repeat;
				
				color: white;
			}

			#menu .separator {
				height: 1px;
				margin: 0px 0px;
				border: 0px;
				background-color: white;
				border-top: 1px solid #d6d4d4;

				color: #f9f9f9;
				*overflow: hidden;
			}

/* Main
-------------------------------------------------------------- */

#main {
	width: 1000px;
	/*background-color: #e4e4e4;*/
}

#main .column {
	float: left;
}

#main .two-columns #mainLeft {
	width: 250px;
}

#main .two-columns #mainRight {
	width: 750px;
	background-color: #e4e4e4;
}

	#main .two-columns #mainRight .mainFull{
		padding: 15px;
		color: #2c2c2c;
	}

#main .mainFull .two-columns .column {
	float: left;
	width: 355px;
}

#main .mainFull .leftSide {
	display: block;
	float: left;
	width: 350px;
}

#main .mainFull .rightSide {
	display: block;
	float: left;
	width: 360px;
}

#main .mainFull .leftSide2 {
	display: block;
	float: left;
	width: 470px;
}

#main .mainFull .rightSide2 {
	display: block;
	float: left;
	width: 235px;
	background-color:#EEEEEE;
}


#main .mainFull .columnSeparator {
	display: block;
	width: 15px;
	height: 1px;
	float: left;
}

/*#main .mainFull .two-columns .columnSeparator {
	display: block;
	width: 10px;
	height: 1px;
	float: left;
}*/


/* Footer
-------------------------------------------------------------- */

#footer{
	width: 1000px;
	height: 19px;
	background-color: #d2d1d3;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;

	font-size: 10px;
	color: #606060;
}

	#footer a {
		color: #606060;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}

	#footer .footerLinks {
		float: right;
		margin-right: 30px;
		display: inline;
	}

/* Products > Products List Pager
-------------------------------------------------------------- */

.pagerTop {
	height: 22px;

	font-size: 10px;
	font-weight: bold;
	
	padding: 0 5px;
	margin-bottom: 10px;

	background-color: #fefefe;
	width: 710px;
	_overflow: hidden;
}

.pagerBottom {
	height: 22px;

	font-size: 10px;
	font-weight: bold;
	
	padding: 0 5px;

	background-color: #fefefe;
	width: 710px;
	_overflow: hidden;
}

	.pagerTop a,
	.pagerBottom a {
		display: block inline;
		margin-right: 3px;
		padding: 0px 2px 2px 2px;

		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.pagerTop a.current,
	.pagerBottom a.current {
		height: 10px;
		padding-bottom: 0px;
		border-bottom: 2px solid #e5037f;

		color: #e5037f;
	}

	.pagerTop a:hover,
	.pagerBottom a:hover {
		background-color: #e5037f;

		color: #ffffff;
	}

	.pagerTop .left,
	.pagerBottom .left {
		width: 25%;
		height: 18px;
		padding-top: 5px;
		float: left;

		text-align: left;
	}

	.pagerTop .center,
	.pagerBottom .center {	
		width: 50%;
		height: 18px;
		float: left;
		padding-top: 5px;

		text-align: center;
	}

	.pagerTop .right,
	.pagerBottom .right {
		width: 25%;
		height: 20px;
		float: right;
		padding-top: 3px;

		text-align: right;
	}

	.pagerTop .input,
	.pagerBottom .input {
		padding: 0px;
		border-color: #c7c7c7;
		background-color: #ffffff;

		font-size: 9px;
		color: #000000;
	}

/* Float Elements
-------------------------------------------------------------- */

.floatLeft { float:left; }
.floatRight { float:right; }

/* Misc classes
-------------------------------------------------------------- */

.cadre,
.notice, 
.important    { padding: 10px; margin-bottom: 0px; border: 2px solid #ddd; }

.cadre      { border-color: #f4f4f4; margin-bottom: 10px; background-color: #eeeeee;}
.notice      { background: #e3eef8; color: #4d87be; border-color: #72aade; }
.important    { color: #ea1c05; border-color: #ea1c05; }
.importantText { color: #e5037f; }
	
	.notice a    { color: #4d87be; }
	.important a  { color: #c8006e; }