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

#container {
	width: 992px;
	margin: 0 auto;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	background-color: #fff;
}

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

#header {
	width: 992px;
	height: 296px;
	border-bottom: 4px solid #fff;
}

	#lang {
		width: 245px;
		height: 72px;
		float: left;
		border-bottom: 4px solid #fff;
		background: url('images/customer/bg_lang.gif') 0 0 no-repeat;
	}

		#lang a {
			display: block;
			width: 16px;
			height: 11px;

			float: right;
			margin-right: 4px;

			position: relative;
			top: 44px;
			right: 15px;
		}

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

			#lang .nl {
				background: url('images/lang_nl.jpg') 0px 0px no-repeat;
			}

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

			#lang .es {
				background: url('images/lang_es.jpg') 0px 0px no-repeat;
			}

	#logo {
		width: 494px;
		height: 72px;
		float: left;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;
		border-bottom: 4px solid #fff;
		background: url('images/customer/bg_logo.gif') 0 0 repeat-x;
		float:left;
		background-color:red;
	}

	.devis {
			display: block;
			float:left;
			padding: 23px 10px 10px 10px;
			width:200px;

			font-size: 18px;
			color: #777777;
			font-weight: normal;	
			text-decoration:none;
			line-height:16px;
		}

			.devis:hover {
				color: #e7010a;
			}


	#menu {
		width: 245px;
		height: 212px;
		float: left;
		padding: 8px 0 0 0;
		background: url('images/customer/bg_menu.gif') 0 0 repeat-y;
	}

		#menu a {
			display: block;
			padding: 6px 40px;
			margin: 2px 0;
			background: url('images/customer/puce_menu-a.gif') 216px 9px no-repeat;

			font-size: 12px;
			color: #fff;
			text-transform: uppercase;
			text-align: right;
		}

		#menu a:hover {
			background-color: #db1219;
		}

	#banner {
		width: 494px;
		height: 220px;
		float: left;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;

		overflow: hidden;
	}

		

	#bannerRight {
		width: 245px;
		height: 220px;
		float: left;

		overflow: hidden;
	}

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

#main {
	width: 992px;
	background: url('images/customer/bg_page-left.gif') 235px 0 repeat-y;
	padding-bottom: 10px;
}

#main .column {
	float: left;
}

#main .two-columns #mainLeft {
	width: 245px;
	margin: 0 4px 0 0;
}

#main .two-columns #mainRight {
	width: 743px;
}

#main .three-columns #mainLeft {
	width: 245px;
	margin: 0 4px 0 0;
}

#main .three-columns #mainCenter {
	width: 494px;
}

#main .three-columns #mainRight {
	width: 245px;
	margin: 0 0 0 4px;
}


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

#footer{
	width: 972px;
	margin: 0 auto;
	padding: 5px 10px;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	background-color: #eaeaea;
	
	font-size: 10px;
	color: #737373;
	text-align: right;
}

	#footer a {
		color: #737373;
	}

	#footer a:hover {
		color: #fe000b;
	}

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

.pagerTop {
	height: 23px;
	padding: 0 10px;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;

	font-size: 10px;
}

.pagerBottom {
	height: 23px;
	padding: 0 10px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;

	font-size: 10px;
}

	.pagerTop a,
	.pagerBottom a {
		display: block inline;
		padding: 1px 3px; 
		margin: 0 2px 0 0;
		border: 1px solid #e7e7e7;

		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.pagerTop a.current,
	.pagerBottom a.current,
	.pagerTop a.current:hover,
	.pagerBottom a.current:hover {
		display: block inline;
		border: 1px solid #db1219;
		background-color: #db1219;

		color: #ffffff;		
		text-decoration: none;
		text-align: center;
	}

	.pagerTop a:hover,
	.pagerBottom a:hover {
		border: 1px solid #db1219;

		color: #000000;
	}

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

		text-align: left;
	}

	.pagerTop .center,
	.pagerBottom .center {	
		width: 40%;
		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: 1px solid #ddd; }

.cadre      { border-color: #eaeaea; margin-bottom: 10px; }
.notice      { background: #e3eef8; color: #4d87be; border-color: #72aade; }
.important    { background: #fe000b; color: white; border-color: #fe000b; }
.importantText { color: #db1219; }
	
	.notice a    { color: #4d87be; }
	.important a  { color: #c8006e; }