body{	
	margin: 0;
	padding: 0;
	height: 100%;
	background: url('images/customer/bg_body.jpg') center 0 no-repeat #f0f0f0;
	overflow-x:hidden
}

#container {
	width: 980px;
	margin: 0 auto;
}

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

#header {
	width: 980px;
	height: 383px;

	position: relative;
}

	#subMenu {
		height: 21px;
		float: left;
		padding: 4px 0 0 0;

		color: #fff;
	}

		#subMenu a {
			color: #fff;
			font-size: 10px;
			text-transform: uppercase;
			text-decoration: none;
		}

		#subMenu a:hover {
			background-color: #f25916;

			color: #fff;
		}

		#subMenu .highlight {
			background-color: transparent;

			color: #ff903f;
		}

	#lang {
		height: 19px;
		float: left;
		padding: 6px 0 0 0;

		color: #fff;
		font-size: 10px;
		text-transform: uppercase;
	}
		
		#lang .fr,
		#lang .nl,
		#lang .en,
		#lang .de,
		#lang .es,
		#lang .it { 
			display: block;
			width: 20px;
			height: 15px;
			float: left;
			margin: -1px 0 0 1px;
		}

		#lang .fr { background: url('images/customer/flag_fr.gif') 0 0 no-repeat; }
		#lang .nl { background: url('images/customer/flag_nl.gif') 0 0 no-repeat; }
		#lang .en { background: url('images/customer/flag_en.gif') 0 0 no-repeat; }
		#lang .de { background: url('images/customer/flag_de.gif') 0 0 no-repeat; }
		#lang .es { background: url('images/customer/flag_es.gif') 0 0 no-repeat; }
		#lang .it { background: url('images/customer/flag_it.gif') 0 0 no-repeat; }
	
	#branding {
		width: 202px;
		height: 190px;

		position: absolute;
		top: 50px;
		left: 0;
		z-index: 100;
	}

		#branding ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			text-decoration: none;
		}

	#banner {
		display: block;
		width: 1075px;
		height: 230px;
		overflow: hidden;

		position: absolute;
		top: 0px;
		left: -9px;
	}

	#menu {
		height: 73px;
	}

		#menu .btn1, #menu .btn2, #menu .btn3, #menu .btn4 {
			display: block;
			width: 245px;
			height: 73px;
			float: left;
		}

		#menu .btn1 { background: url('images/customer/fr/menu/btn_graphicarte.jpg') 0 0 no-repeat; }
		#menu .btn2 { background: url('images/customer/fr/menu/btn_produits-services.jpg') 0 0 no-repeat; }
		#menu .btn3 { background: url('images/customer/fr/menu/btn_realisations.jpg') 0 0 no-repeat; }
		#menu .btn4 { background: url('images/customer/fr/menu/btn_commander.jpg') 0 0 no-repeat; }

	#toolsBar {
		width: 980px;
		height: 55px;
		background: url('images/customer/bg_toolsbar.jpg') 0 bottom no-repeat;
	}

		#toolsBar .tools {
			width: 57px;
			padding: 10px 0 10px 10px;
			float: right;
			background: url('images/customer/sep_toolsbar.gif') 0 0 no-repeat;
		}

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

#main {
	width: 980px;
	background: url('images/customer/bg_page.gif') 0 0 repeat-x;
}

#main .column {
	float: left;
}

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

#main #mainRight .two-columns .columnSeparator {
	width: 11px;
	height: 1px;
	float: left;
}

#main #mainRight .two-columns2 .column-1-3 {
	width : 230px;
	float: left;
}

#main #mainRight .two-columns2 .column-2-3 {
	width : 470px;
	float: left;
}

#main #mainRight .two-columns2 .columnSeparator {
	width: 10px;
	height: 1px;
	float: left;
}

#main #mainRight .three-columns .column {
	width: 230px;
}

#main #mainRight .three-columns .columnSeparator {
	width: 10px;
	height: 1px;
	float: left;
}

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

#main .two-columns #mainRight {
	width: 711px;
	padding: 12px;
}

.homepage {
	width: 735px;
	padding: 0;
	margin-left: -12px;
	margin-top: -12px;
	*margin-top: 10px;
}

#main #mainFull {
	width: 960px;
	padding: 10px;
	background-color: #fff;
}

	#main #mainFull .two-columns {
		width: 960px;
	}
		
		#main #mainFull .two-columns .column {
			width : 475px;
		}

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

	#main #mainFull .three-columns {
		width: 960px;
	}
		
		#main #mainFull .three-columns .column {
			width: 312px;
		}

		#main #mainFull .three-columns .columnSeparator {
			width: 11px;
			height: 1px;
			float: left;
		}

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

#footerContainer {
	width: 100%;
	margin: 20px 0 10px 0;
}

	#footer {
		width: 980px;
		margin: 0 auto;
		background-color: #9b9b9b;
	}

	#footer a {
		color: #fff;
		text-decoration:none;
	}
		
		#footer .paiementMethods {
			width: 245px;
			height: 75px;
			float: left;
			margin: 0 1px 0 0;
		}

			#footer .paiementMethods a {
				display: block;
			}

		#footer .footerLinks {
			width: 244px;
			float: left;
		}

			#footer .footerLinks a {
				display: block;
				padding: 3px 10px;
				margin: 0 0 1px 0;
				background-color: #afafaf;

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

			#footer .footerLinks a:hover {
				background-color: #f35316;

				color: #fff;
			}

			#footer b {
				display: block;
				padding: 3px 10px;
				margin: 0 0 1px 0;
				background-color: #afafaf;

				color: #fff;
			}

			#footer .footerLinksSeparator {
				width: 1px;
				height: 1px;
				float: left;
			}

		#footer .footerBottom {
			padding: 10px;
			background-color: #afafaf;

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

		#footer .footerBottom a {
			color: #fff;
			text-decoration:none;
		}

		#footer .footerBottom a:hover {
			background-color: #f35316;

			color: #fff;
		}

		#footer #facebookLikeShare {
			position: absolute;
			z-index: 99;

			margin-left: 520px;
			margin-top: -25px;
		}

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

.pagerTop {
	height: 23px;
	border-top: 1px solid #e7e7e7;

	font-size: 10px;
	font-weight: bold;
}

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

	position: relative;
	top: -1px;

	font-size: 10px;
	font-weight: bold;
}

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

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

		color: #f35316;
	}

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

		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: #2b2b2b;
	}

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

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

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

.cadre { 
	padding: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}

.important { 
	padding: 10px; 
	background: #f35316; 
	
	color: #fff; 
}

	.important a { color: #fff; }

.notice { 
	padding: 10px; 
	background: #afecff; 
	
	color: #0b94bf; 
}

	.notice a { color: #0b94bf; }


/* ------------- ajax modal popup ----------------------- */

.modalBackground {
	background-color:#2F2B2D;
	filter:alpha(opacity=70);
	opacity:0.7;
}	

.modalPopup {
    background-color:#FAF9F8;
    padding:5px;
}

	.grid .modalPopup TD {
		background-color:#FAF9F8;
	}