/* Products
-------------------------------------------------------------- */

#products {
	width: 846px;
	height: 282px;

	padding: 12px 12px 0px 12px;

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

	#products a {
		display: block;
		width: 210px;
		height: 267px;

		background: url('images/customer/bg_product.png') 0 0 no-repeat;
		
		float: left;
		text-decoration: none;
	}

		#products a.galizia .intitule img {
			margin: 8px 0px 0px 4px;
		}

		#products a.gapo .intitule img {
			margin: 8px 0px 0px 4px;
		}

		#products a.mouvers .intitule img {
			margin: 8px 0px 0px 4px;
		}

		#products a.powerattack .intitule img {
			margin: 8px 0px 0px 4px;
		}

		#products a .photo {
			width: 186px;
			height: 196px;

			margin: 9px 0px 0px 11px;
		}

		#products a .intitule {
			width: 178px;
			height: 34px;

			margin: 4px 0px 0px 11px;
			padding: 10px 0px 0px 10px;
			
			background: url('images/customer/bg_products_intitule.jpg') 160px 14px no-repeat;

			color: #5c5c5c;
			font-size: 11px;
			font-family: Arial;
			text-transform: uppercase;
			font-weight: bold;
			text-shadow: #ffffff 0px 1px 0px;
		}

		#products a:hover .intitule {
			background: url('images/customer/bg_products_intitule_hover.jpg') 160px 14px no-repeat;
		}

	#products .separator {
		height: 1px;
		width: 2px;

		float: left;
	}

/* Products
-------------------------------------------------------------- */

.newsCat1 {
	width: 290px;
	min-height: 200px;

	padding: 0px 0px 10px 0px;

	float: left;

	background: url('images/customer/bg_newsCat1.jpg') 0 0 no-repeat white;	
}

.newsCat2 {
	width: 290px;
	min-height: 200px;

	padding: 0px 0px 10px 0px;

	float: left;

	background: url('images/customer/bg_newsCat2.jpg') 0 0 no-repeat white;	
}

.newsCat3 {
	width: 290px;
	min-height: 200px;

	padding: 0px 0px 10px 0px;

	float: left;

	background: url('images/customer/bg_newsCat3.jpg') 0 0 no-repeat white;	
}

/* Encart projets d'investissements
-------------------------------------------------------------- */

.encart-projets-investissements {
	display: block;
	width: 435px;
	height: 166px;
	background: url('images/customer/bg_encart-projets-investissements.jpg') right no-repeat;	

	float: left;

	text-decoration: none;
	cursor: pointer;
}

	.encart-projets-investissements .encart-projets-investissements_btn {
		display: block;
		width: 312px;
		height: 38px;

		margin: 12px 0px 0px 13px;

		color: #595959;
		text-shadow: white 1px 1px 0px;
		padding: 16px 10px 0px 87px;
		font-size: 15px;

		background: url('images/customer/bg_encart-projets-investissements_btn.jpg') 0 0 no-repeat;	
	}

	.encart-projets-investissements:hover .encart-projets-investissements_btn {
		background: url('images/customer/bg_encart-projets-investissements_btn_hover.jpg') 0 0 no-repeat;	
	}

.encart-projets-investissements .texte {
	margin: 5px 0px 0px 0px;
	padding: 0px 20px;
	text-align: justify;
	color: #8b8b8b;
}

/* IMG Container Page
-------------------------------------------------------------- */

.imgContainerPage {
	width: 151px;
	height: 128px;
	background: url('images/customer/bg_imgContainerPage.jpg') 0 0 no-repeat;

	float: left;

	margin: 0px 10px 0px 0px;

	overflow: hidden;
}

	.imgPage {
		width: 131px;
		height: 105px;

		margin: 10px;

		overflow: hidden;
	}

		.imgPage img {
			margin-right: 1px;
			margin-bottom: 1px;
			float: left;
		}

	.imgContainerMask {
		width: 131px;
		height: 105px;

		position: absolute;
		margin-top: -105px;

		margin: -115px 10px 10px;

		background: url('images/customer/bg_imgContainerMask.png') 0 0 no-repeat;

		overflow: hidden;
	}

	.imgContainerPageBig {
		width: 166px;
		height: 140px;
		background: url('images/customer/bg_imgContainerPageBig.jpg') 0 0 no-repeat;

		float: left;

		margin: 0px 10px 0px 0px;

		overflow: hidden;
	}

		.imgContainerPageBig .imgPage {
			width: 146px;
			height: 120px;

			margin: 10px;

			overflow: hidden;
		}

		.imgContainerSep {
			display: block;
			height: 10px;
		}


/* Product footer */

.productFooter {
	display: block;
	background-color: #f1f1f1;
	padding: 5px 10px;

	margin: 10px 0px 0px 0px;
}

	.productFooter a {
		display: block;
		font-size: 10px;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 12px;

		cursor: pointer;
	}

		.productFooter a:hover {
			color: #e7a100;
		}

	.productFooter a .left{
		display: block;
		width: 28px;
		height: 19px;

		float: left;

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

	.productFooter a.constructeur .left{
		background: url('images/customer/bg_productFooter_a_left_constructeur.jpg') 0px 0px no-repeat;
	}

	.productFooter a .right {
		display: block;
		height: 15px;

		float: left;

		padding: 4px 10px 0px 5px;

		background: url('images/customer/bg_productFooter_a_right.jpg') right no-repeat;

		margin: 0px 10px 0px 0px;
	}

/* Vignettes produits */

.produit {
	display: block;
	width: 510px;
	height: 108px;
	background: url('images/customer/bg_produit.jpg') 0px 0px no-repeat;

	padding: 10px;
	text-decoration: none;
	text-shadow: white 1px 1px 0px;
	cursor: pointer;
}

	.produit .photo {
		display: block;
		width: 131px;
		height: 105px;

		float: left;
	}

	.produit .border {
		width: 1px;
		height: 105px;

		margin: 0px 0px 0px 10px;
		
		background-color: #f7f7f7;
		border-left: 1px solid #d3d3d3;

		float: left;
	}

	.produit .content {
		display: block;
		width: 355px;
		height: 105px;

		margin: 0px 0px 0px 10px;

		float: left;
	}

		.produit .content h2 {
			display: block;
			background-color: #ededed;
			color: #575757;
			padding: 1px 3px;
		}

		.produit:hover .content h2 {
			background-color: #febe20;
			color: white;
			text-shadow: #cc8a00 -1px -1px 0px;
		}

		.produit .content {
			color: #6d6d6d;
			font-size: 11px;
		}

/* Bordure */

.bordure {
	border: 1px solid #dddddd;
}

#mainLeft .cadre {
	border: 1px solid white;
	margin-bottom: 0px;
}

/* textePresentation
-------------------------------------------------------------- */

.textePresentation {
	display: block;
	width: 395px;
	min-height: 150px;

	padding: 15px 20px;

	float: left;

	background: url('images/customer/bg_textePresentation.jpg') top right no-repeat;
}

.encart-contact {
	display: block;
	width: 268px;
	height: 81px;

	padding: 85px 0px 0px 20px;

	float: left;

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

	text-decoration: none;
	color: #4f4f4f;
	text-shadow: #eaeaea 0px 1px 0px;
}

	.encart-contact:hover {
		background: url('images/customer/bg_map.jpg') bottom no-repeat;
	}

	.encart-contact strong {}


/* Boutons News
-------------------------------------------------------------- */

a.btn_news {
	display: block;
	width: 237px;
	height: 30px;

	padding: 7px 0 0 35px;

	background: url('images/customer/bg_btn_news.jpg') -4px -7px no-repeat;

	text-decoration: none;
	color: #0a2c3c;
	font-size: 14px;
}

	a.btn_news:hover {
		opacity:0.5;  
		filter:alpha(opacity=50);  
		-moz-opacity:0.5;  
	}

a.btn_promotions {
	display: block;
	width: 237px;
	height: 30px;

	padding: 7px 0 0 35px;

	background: url('images/customer/bg_btn_news.jpg') -4px -51px no-repeat;

	text-decoration: none;
	color: #ec9601;
	font-size: 14px;
}

	a.btn_promotions:hover {
		opacity:0.5;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
	}

a.btn_occasions {
	display: block;
	width: 237px;
	height: 30px;

	padding: 7px 0 0 35px;

	background: url('images/customer/bg_btn_news.jpg') -4px -99px no-repeat;

	text-decoration: none;
	color: #303030;
	font-size: 14px;
}

	a.btn_occasions:hover {
		opacity:0.5;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
	}