/* Temp
-------------------------------------------------------------- */
#shoppingCartfr {
	width: 281px;
	height: 83px;
	background: url('images/customer/bg_shoppingCart_fr.png') 0 0 no-repeat;

	position: relative;
	z-index: 2;
	margin-bottom: -83px;
	top: -130px;
	left: 670px;
}

#shoppingCarten {
	width: 281px;
	height: 83px;
	background: url('images/customer/bg_shoppingCart_en.png') 0 0 no-repeat;

	position: relative;
	z-index: 2;
	margin-bottom: -83px;
	top: -130px;
	left: 670px;
}

#filtre-genie-civil, #filtre-industrie, #filtre-agriculture, #filtre-poids-lourds {
	width: 951px;
	height: 132px;
	background: url('images/customer/bg_criteres.jpg') 0 0 repeat-x;
}

	#filtre-genie-civil .titre, #filtre-industrie .titre, #filtre-agriculture .titre, #filtre-poids-lourds .titre {
		width: 136px;
		height: 70px;
		float: left;

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

		text-align: center;
		color: white;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;

		padding: 40px 35px 0px 15px;
		margin: 10px 0px 0px 5px;
		text-shadow: #3d3d3d -1px -1px 1px;
	}

/* Menu Catégories
-------------------------------------------------------------- */

#menuCategories {
	width: 951px;
	height: 48px;

	position: relative;
	z-index: 2;
	top: -11px;
	margin-bottom: -12px;

}

	#menuCategories a {
		display: block;
		
		width: 218px;
		height: 28px;

		padding: 20px 0px 0px 20px;

		color: #4b4b4b;
		text-shadow: white 1px 1px 0px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 16px;
		text-decoration: none;

		float: left;

		position: relative;
		margin-bottom: -11px;
	}

	#menuCategories a:hover {
		color: white;
	}

		#menuCategories a.poidsLourds:hover,#menuCategories a.poidsLourds:hover, #menuCategories a.poidsLourdsActif, #menuCategories a.poidsLourdsActif:hover, #menuCategories a.poidsLourdsSibling:hover {text-shadow: #540000 1px 1px 0px;}
		#menuCategories a.agriculture:hover, #menuCategories a.agricultureActif, #menuCategories a.agricultureActif:hover, #menuCategories a.agricultureSibling:hover {text-shadow: #3c4700 1px 1px 0px;}
		#menuCategories a.industrie:hover, #menuCategories a.industrieActif, #menuCategories a.industrieActif:hover, #menuCategories a.industrieSibling:hover {text-shadow: #005b79 1px 1px 0px;}
		#menuCategories a.genieCivil:hover, #menuCategories a.genieCivilActif, #menuCategories a.genieCivilActif:hover, #menuCategories a.genieCivilSibling:hover {text-shadow: #866f00 1px 1px 0px;}

		#menuCategories a.last {
			width: 217px;
		}

		/* Génie Civil */

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné */

		#menuCategories a.genieCivil {background: url('images/customer/menu/bg_genieCivil.png') 0px -48px no-repeat;}
		#menuCategories a.genieCivilActif {background: url('images/customer/menu/bg_genieCivil.png') 0px -96px no-repeat;color: white;}

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné EN HOVER */

		#menuCategories a.genieCivilActif:hover {background: url('images/customer/menu/bg_genieCivil.png') 0px -96px no-repeat;}
		#menuCategories a.genieCivil:hover {background: url('images/customer/menu/bg_genieCivil.png') 0px -96px no-repeat;}

		
		/* On agit sur l'élément qui se trouve directement à côté */

		/*#menuCategories a.poidsLourds + a {background: url('images/customer/menu/bg_agriculture.png') 0px -144px no-repeat;}*/
		#menuCategories a.genieCivilActif + a {background: url('images/customer/menu/bg_poidsLourds.png') 0px -192px no-repeat;}

		#menuCategories a.genieCivilActif + a:hover {background: url('images/customer/menu/bg_poidsLourds.png') 0px -336px no-repeat;}

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné EN HOVER, lorsqu'il se trouve à côté de l'élément ACTIF  */

		#menuCategories a.genieCivilSibling:hover {background: url('images/customer/menu/bg_genieCivil.png') 0px -336px no-repeat;}





		/* Poids Lourds */

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné */

		#menuCategories a.poidsLourds {background: url('images/customer/menu/bg_poidsLourds.png') 0px -48px no-repeat;}
		#menuCategories a.poidsLourdsActif {background: url('images/customer/menu/bg_poidsLourds.png') 0px -96px no-repeat;color: white;}

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné EN HOVER */

		#menuCategories a.poidsLourdsActif:hover {background: url('images/customer/menu/bg_poidsLourds.png') 0px -96px no-repeat;}
		#menuCategories a.poidsLourds:hover {background: url('images/customer/menu/bg_poidsLourds.png') 0px -96px no-repeat;}

		/* On agit sur l'élément qui se trouve directement à côté */

		/*#menuCategories a.poidsLourds + a {background: url('images/customer/menu/bg_agriculture.png') 0px -144px no-repeat;}*/
		#menuCategories a.poidsLourdsActif + a {background: url('images/customer/menu/bg_industrie.png') 0px -192px no-repeat;}

		#menuCategories a.poidsLourdsActif + a:hover {background: url('images/customer/menu/bg_industrie.png') 0px -336px no-repeat;}

		/* On agit sur l'élément qui se trouve directement à côté EN HOVER, on vérifie TOUTES les positions */

		#menuCategories a.poidsLourds:hover + a {background: url('images/customer/menu/bg_industrie.png') 0px -48px no-repeat;}
		#menuCategories a.poidsLourdsActif:hover + a {background: url('images/customer/menu/bg_industrie.png') 0px -192px no-repeat;}

		#menuCategories a.poidsLourds:hover + a.industrieActif {background: url('images/customer/menu/bg_industrie.png') 0px -96px no-repeat;}



		/* Agriculture */

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné */

		#menuCategories a.agriculture {background: url('images/customer/menu/bg_agriculture.png') 0px -48px no-repeat;}
		#menuCategories a.agricultureActif {background: url('images/customer/menu/bg_agriculture.png') 0px -96px no-repeat;color: white;}

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné EN HOVER */

		#menuCategories a.agricultureActif:hover {background: url('images/customer/menu/bg_agriculture.png') 0px -96px no-repeat;}
		#menuCategories a.agriculture:hover {background: url('images/customer/menu/bg_agriculture.png') 0px -96px no-repeat;}

		/* On agit sur l'élément qui se trouve directement à côté */

		/*#menuCategories a.poidsLourds + a {background: url('images/customer/menu/bg_agriculture.png') 0px -144px no-repeat;}*/
		#menuCategories a.agricultureActif + a {background: url('images/customer/menu/bg_industrie.png') 0px -192px no-repeat;}
		#menuCategories a.agricultureActif:hover + a {background: url('images/customer/menu/bg_industrie.png') 0px -192px no-repeat;}

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné EN HOVER, lorsqu'il se trouve à côté de l'élément ACTIF  */

		#menuCategories a.agricultureSibling:hover {background: url('images/customer/menu/bg_agriculture.png') 0px -336px no-repeat;}


		/* Industrie */

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné */

		#menuCategories a.industrie {background: url('images/customer/menu/bg_industrie.png') 0px -48px no-repeat;}
		#menuCategories a.industrieActif {background: url('images/customer/menu/bg_industrie.png') 0px -96px no-repeat;color: white;}

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné EN HOVER */

		#menuCategories a.industrieActif:hover {background: url('images/customer/menu/bg_industrie.png') 0px -96px no-repeat;}
		#menuCategories a.industrie:hover {background: url('images/customer/menu/bg_industrie.png') 0px -96px no-repeat;}

		/* On agit sur l'élément qui se trouve directement à côté */

		/*#menuCategories a.poidsLourds + a {background: url('images/customer/menu/bg_agriculture.png') 0px -144px no-repeat;}*/
		#menuCategories a.industrieActif + a {background: url('images/customer/menu/bg_agriculture.png') 0px -192px no-repeat;}
		#menuCategories a.industrieActif:hover + a {background: url('images/customer/menu/bg_agriculture.png') 0px -192px no-repeat;}

		#menuCategories a.industrieActif + a:hover {background: url('images/customer/menu/bg_agriculture.png') 0px -336px no-repeat;}

		/* Déclaration de l'image en mode non sélectionné, puis en mode sélectionné EN HOVER, lorsqu'il se trouve à côté de l'élément ACTIF  */

		#menuCategories a.industrieSibling:hover {background: url('images/customer/menu/bg_industrie.png') 0px -336px no-repeat;}


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

#banner {
	width: 951px;
	height: 249px;
	overflow: hidden;
}

/* Menu client
-------------------------------------------------------*/

#menuClient {
	width: 230px;
	height: 155px;
	
	border-top: 1px solid #909192;
	overflow: hidden;
}

	#menuClient a {
		display: block;
		width: 190px;
		height: 23px;

		padding: 8px 0px 0px 40px;

		color: #54575a;
		text-decoration: none;
		font-size: 14px;

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

		#menuClient a:hover {
			background: url('images/customer/bg_menuClient_a.jpg') bottom no-repeat;
			color: white;
		}

/* Contact
-------------------------------------------------------*/

#contact {
	width: 180px;
	height: 104px;

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

	color: #29363f;
	font-size: 20px;
}

	.page #contact {
		background: url('images/customer/bg_contact_page.jpg') 0 0 repeat-x;
	}

	#contact .number {
		color: white;
		text-shadow: #4d575f -1px -1px 0px;
		letter-spacing: -3px;
		font-size: 27px;
	}

	#contact .mail {
		display: block;
		font-size: 26px;
		text-decoration: none;
		letter-spacing: -1px;
		color: white;
		text-align: center;
	}

/* Inscription client
-------------------------------------------------------*/

.inscriptionClient {
	display: block;
	width: 210px;
	height: 106px;

	padding: 25px;

	background: url('images/customer/bg_InscriptionClient.jpg') 0 0 repeat-x;

	text-decoration: none;
	color: white;
}

	.inscriptionClient span {
		display: block;
		
		letter-spacing: -1px;
		font-size: 21px;
	}

	.inscriptionClient .boutonfr {
		display: block;
		width:204px;
		height: 40px;

		margin: 10px 0px 0px 0px;

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

		.inscriptionClient:hover .boutonfr {
			background: url('images/customer/bg_InscriptionClient_btn_fr.jpg') bottom no-repeat;
		}
		
	.inscriptionClient .boutonen {
		display: block;
		width:204px;
		height: 40px;

		margin: 10px 0px 0px 0px;

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

		.inscriptionClient:hover .boutonen {
			background: url('images/customer/bg_InscriptionClient_btn_en.jpg') bottom no-repeat;
		}

/* Easy Slider 
-------------------------------------------------------*/

.bannerZone, 
.bannerZone li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bannerZone li { 
	overflow: hidden;
}

/*-----*/

/* Important .contour
-------------------------------------------------------*/

.important .contour {
	padding: 6px;
	border: 1px solid #ffe5e5;
}

/* Brands panel
-------------------------------------------------------*/

.brandsPanel {
	display: block;

	background-color: #dcdde1;

	width: 951px;
	height: 56px;

	color: #4b4b4b;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;

	text-shadow: #fafafa 1px 1px 0px;
}

	.brandsPanel span {
		display: block;
		width: 243px;

		float: left;

		font-size: 15px;
		color: #c40708;
		font-weight: bold;
	}

/* Span red
-------------------------------------------------------*/

span.red {
	color: #e20403;
	font-weight: bold;
}