/* Homepage
-------------------------------------------------------------- */

#pageHomepage {
	height: auto;
	background: url('images/customer/bg_pageHomepage.jpg') 0px 335px repeat-x;
}

	#pageHomepage #rightSide { 
		float: left;
		width: 324px;
		_overflow: hidden;
	}

	#pageHomepage h1 {
		margin: 0px 0px 10px 0px;
		padding: 15px 0px 0px 0px;
	}

/* Encarts
-------------------------------------------------------------- */
#encarts {
	display: block;
	width: 676px;
	min-height: 381px;

	float: left;
}

	#encarts .encart {
		display: block;
		width: 192px;
		min-height: 381px;
		float: left;

		padding: 0px 17px;
		_overflow: hidden;
		background-color: red;
	}

	#encarts .gauche {
		background: url('images/customer/bg_encart_gauche.jpg') 0px 0px no-repeat #9dd5f0;
	}

	#encarts .centre {
		width: 191px;
		background: url('images/customer/bg_encart_centre.jpg') 0px 0px no-repeat #97cfea;
	}

	#encarts .droite {
		width: 191px;
		background: url('images/customer/bg_encart_droite.jpg') 0px 0px no-repeat #9cd5e9;
		overflow: hidden;
	}

		#encarts .encart .texte {
			display: block;
			text-decoration: none;
		}

		#encarts .encart .texte img {
			margin-top: 10px;
		}

		#encarts .encart .title {
			color: white;
			font-size: 14px;
		}

			#encarts .encart .sumUp {
				display: block;
				height: 50px;

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

			#encarts .encart .subTitle {
				display: block;

				color: white;
				font-size: 9px;
			}

			#encarts .encart img {
				position: relative;
				left: -17px;
			}

		#encarts .encart .btnProducts{
			display: block;
			width: 85px;
			height: 23px;
			padding: 11px 0px 0px 7px;

			float: left;

			margin-top: 20px;

			color: #0e4e69;
			font-size: 10px;
			text-decoration: none;
		}

		#encarts .gauche .btnProducts{
			background: url('images/customer/btnProducts.png') 0px 0px no-repeat;
		}

		#encarts .centre .btnProducts{
			background: url('images/customer/btnProducts.png') 0px 0px no-repeat;
		}

		#encarts .droite .btnProducts{
			background: url('images/customer/btnProducts.png') 0px 0px no-repeat;
		}
	
		#encarts .encart .btnProducts:hover {
			background-position: bottom;
		}

		#encarts .encart .btnMore {
			display: block;
			width: 64px;
			height: 23px;
			padding: 11px 0px 0px 7px;

			float: left;

			margin-left: 19px;
			margin-top: 20px;

			color: #0e4e69;
			font-size: 10px;
			text-decoration: none;
		}

		#encarts .encart .btnMore:hover {
			background-position: bottom;
		}

		#encarts .gauche .btnMore {
			background: url('images/customer/bg_electronic_btnMore.jpg') 0px 0px no-repeat;
		}

		#encarts .centre .btnMore {
			background: url('images/customer/bg_powerquality_btnMore.jpg') 0px 0px no-repeat;
		}

		#encarts .droite .btnMore {
			background: url('images/customer/bg_processsolution_btnMore.jpg') 0px 0px no-repeat;
		}

/* Banners
-------------------------------------------------------------- */
#banners {
	width: 324px;
	height: 154px;
	margin-top: -24px;

	position: relative;
	z-index: 3;

	_overflow: hidden;
}

/* Welcome
-------------------------------------------------------------- */

#welcome {
	display: block;
	width: 284px;
	padding: 0px 20px 20px 20px;

	font-size: 11px;
	color: #ffffff;


}

/* hr
------------------------------------------------------------- */

.hr {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #c5e5f0;
	border-bottom: 1px solid white;

	margin-top: 20px;
	_overflow: hidden;
}

.hr2 {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #c5e5f0;
	border-bottom: 1px solid white;

	margin-top: 20px;
	margin-bottom: 20px;
	_overflow: hidden;
}

/* retour
------------------------------------------------------------ */

.back {
}

/* img small
------------------------------------------------------------- */

.imgSmall {
	margin: 0px 10px 10px 0px;
	border: 1px solid #d0e6f1;
}

.imgSmallRight {
	margin: 0px 0px 10px 10px;
	border: 1px solid #d0e6f1;
}

/* GENERAL
--------------------------------------------------------------*/

#overall {
	background: url('images/customer/bg_overall.jpg') 0px 0px repeat-y;
}

#page {
	background: url('images/customer/bg_page.jpg') 0px 230px no-repeat;
	height:695px;
}

	html>body #page { /* On applique la hauteur minimum */
		height: auto;
		min-height: 695px;
	} 

	#page #rightSide { 
		float: left;
	}



/* ELECTRONIC
--------------------------------------------------------------*/

#overallElectronic {
	background: url('images/customer/electronic/bg_overall.jpg') 0px 0px repeat-y;
	
}

#pageElectronic {
	background: url('images/customer/electronic/bg_page_Electronic.jpg') 0px 230px no-repeat;
	height:695px;
}

	html>body #pageElectronic { /* On applique la hauteur minimum */
		height: auto;
		min-height: 695px;

	} 

	#pageElectronic #rightSide { 
		float: left;
	}

/* POWER QUALITY
--------------------------------------------------------------*/

#overallPower-Quality {
	background: url('images/customer/power-quality/bg_overall.jpg') 0px 0px repeat-y;
}

#pagePower-Quality {
	background: url('images/customer/power-quality/bg_page_Power-Quality.jpg') 0px 230px no-repeat;
	height:695px;
}

	html>body #pagePower-Quality { /* On applique la hauteur minimum */
		height: auto;
		min-height: 695px;
	} 

	#pagePower-Quality #rightSide { 
		float: left;
	}

/* PROCESS SOLUTION
--------------------------------------------------------------*/

#overallProcessSolution {
	background: url('images/customer/process-solution/bg_overall.jpg') 0px 0px repeat-y;
}

#pageProcessSolution{
	background: url('images/customer/process-solution/bg_page_Process-Solution.jpg') 0px 230px no-repeat;
	height:695px;
}

	html>body #pageProcessSolution { /* On applique la hauteur minimum */
		height: auto;
		min-height: 695px;
	} 

	#pageProcessSolution #rightSide { 
		float: left;
	}


/* Menu des catégories
-------------------------------------------------------------- */

#menuCategories {
	padding: 0px;
	margin: 0px;
	width: 676px;
}

.parent_btn {
	display: block;
	width: 205px;
	height: 28px;
	float: left;
	color: white;
	text-decoration: none;
	padding: 10px 10px 0px 10px;
	font-size: 14px;
	font-weight: bold;
}

	.electronic_btn {
		background-color: #0E688F;
		width: 206px;
	}
			
		.electronic_btnActive,.electronic_btn:hover  {
			background:url("images/customer/electronic/bg_electronic_btnActive.jpg") 0px 0px repeat-x #39A1D3;
			width: 206px;
		}

	.powerquality_btn {
		background-color: #0F4861;
	}

		.powerquality_btnActive, .powerquality_btn:hover  {
			background:url("images/customer/power-quality/bg_power-quality_btnActive.jpg") 0px 0px repeat-x #297596;
		}

	.processsolution_btn {
		background-color: #51AD56;
	}

		.processsolution_btnActive, .processsolution_btn:hover  {
			background:url("images/customer/process-solution/bg_process-solution_btnActive.jpg") 0px 0px repeat-x #51AD56;
		}

/* Différenciation */

#pageElectronic .parent_btn:hover {
	color: white;
}

#pagePower-Quality .parent_btn:hover {
	color: white;
}

/* FIN Différenciation */

#menuCategories #children {
	display: block;
	width: 676px;
	height: 25px;

}

	/* Différenciation */

	#pageElectronic #menuCategories #children {
		background-color: #39A1D3;
	}

	#pagePower-Quality #menuCategories #children {
		background-color: #155775;
	}

	/* FIN Différenciation */


	.child_btn {
		display: block;
		height: 20px;
		float: left;

		margin-right: 2px;
		padding: 5px 10px 0px 10px;
		color: white;
		text-decoration: none;
	}

	.retour{
		display: block;
		height: 20px;
		float: right;

		margin-right: 0px;
		padding: 5px 10px 0px 10px;
		color: white;
		text-decoration: none;
	}

	/* Différenciation */

	#pageElectronic #menuCategories #children .child_btn:hover, #pageElectronic #menuCategories #children .child_btnActive {
		display: block;
		height: 20px;
		float: left;

		margin-right: 2px;
		padding: 5px 10px 0px 10px;
		color: white;
		text-decoration: none;
		background-color:#82CFF4;
	}

	#pagePower-Quality #menuCategories #children .child_btn:hover, #pagePower-Quality #menuCategories #children .child_btnActive {
		display: block;
		height: 20px;
		float: left;

		margin-right: 2px;
		padding: 5px 10px 0px 10px;
		color: white;
		text-decoration: none;
		background-color: #6dafcd;
	}

	/* FIN Différenciation */

	#pageElectronic #menuCategories #children .retour:hover, #pagePower-Quality #menuCategories #children .retour:hover {
		float: right;
		margin-right: 0px;
	}

/* Contents Général
-------------------------------------------------------------- */
	#page #content {
		padding: 26px 27px 26px 16px;
		width: 633px;

		color: #012f43;
		font-size: 11px;
	}

	
		#page #leftSide {
			float: left;
			width:  676px;
		}

		#page #rightSide {
			float: left;
			width: 324px;
		}


/* Contents Electronic
-------------------------------------------------------------- */
	#pageElectronic #content {
		padding: 26px 27px 26px 16px;
		width: 633px;

		color: #012f43;
		font-size: 11px;
	}

		#pageElectronic #leftSide {
			float: left;
			width:  676px;
		}

		#pageElectronic #rightSide {
			float: left;
			width: 324px;
		}

/* Contents Power Quality
-------------------------------------------------------------- */
#pagePower-Quality #content {
	padding: 26px 27px 26px 16px;
	width: 633px;

	color: #012f43;
	font-size: 11px;
}

#pagePower-Quality #leftSide {
	float: left;
	width:  676px;
}

#pagePower-Quality #rightSide {
	float: left;
	width: 324px;
}


/* Contents Process Solution
-------------------------------------------------------------- */
#pageProcessSolution #content {
	padding: 26px 27px 26px 16px;
	width: 633px;

	color: #012f43;
	font-size: 11px;
}


#pageProcessSolution #leftSide {
	float: left;
	width:  676px;
}

#pageProcessSolution #rightSide {
	float: left;
	width: 324px;
}

/* Products
-------------------------------------------------------------- */
.product {
	width: 197px;
	float: left;
	color: #012f43;
	font-size: 11px;

	text-decoration: none;
	color: white;
	font-size: 11px;
	letter-spacing: -1px;

}

	.product:hover {
		color: white;
		cursor: pointer;
	}

	.product .image {
	}

	.product .btnProduct {
		width: 217px;
		height: 22px;
		background: url('images/customer/electronic/bg_product.png') 0px 0px no-repeat;
		
		padding: 5px 10px 0px 0px;
		text-align: center;
	}

		.product:hover .btnProduct {
			background: url('images/customer/electronic/bg_product_hover.png') 0px 0px no-repeat;
		}

	.products .separator {
		display: block;
		width: 21px;
		height: 16px;
		float: left;
	}

/* Products Electronics
-------------------------------------------------------------- */
.productsElectronic .productEn {
	display: block;
	width: 633px;
	height: 153px;
	background: url('images/customer/electronic/bg_product_en.jpg') 0px 0px no-repeat;

	margin: 0px 0px 10px 0px;
	padding: 0px;

	text-decoration: none;
}

	.productsElectronic .productEn:hover {
		background-position: bottom;
	}

	.productsElectronic .productEn .img1 {
		width: 195px;
		height: 153px;
		float: left;
	}

	.productsElectronic .productEn .img2 {
		width: 194px;
		height: 153px;
		float: left;
	}

	.productsElectronic .productEn .info {
		width: 244px;
		height: 153px;

		margin: 0px;
		padding: 0px;
		border: 0px;

		float: left;
		background-color: transparent;
	}

		.productsElectronic .productEn .info .titre {
			width: 236px;
			height: 19px;
			padding: 8px 0px 0px 8px;

			text-decoration: none;
			text-align: center;
			color: white;
		}

		.productsElectronic .productEn .info .description {
			width: 219px;
			height: 64px;

			padding: 10px;

			overflow: hidden;
		}

/**** IDEM FR ****/

.productsElectronic .productFr {
	display: block;
	width: 633px;
	height: 153px;
	background: url('images/customer/electronic/bg_product_fr.jpg') 0px 0px no-repeat;

	margin: 0px 0px 10px 0px;
	padding: 0px;

	text-decoration: none;
}

	.productsElectronic .productFr:hover {
		background-position: bottom;
	}

	.productsElectronic .productFr .img1 {
		width: 195px;
		height: 153px;
		float: left;
	}

	.productsElectronic .productFr .img2 {
		width: 194px;
		height: 153px;
		float: left;
	}

	.productsElectronic .productFr .info {
		width: 244px;
		height: 153px;

		margin: 0px;
		padding: 0px;
		border: 0px;

		float: left;
		background-color: transparent;
	}

		.productsElectronic .productFr .info .titre {
			width: 236px;
			height: 19px;
			padding: 8px 0px 0px 8px;

			text-decoration: none;
			text-align: center;
			color: white;
		}

		.productsElectronic .productFr .info .description {
			width: 219px;
			height: 64px;

			padding: 10px;

			overflow: hidden;
		}

/* Refs
-------------------------------------------------------------- */

.refs a {
	text-decoration: none;
}

/* Info
-------------------------------------------------------------- */

.info {
	border: 1px solid #cfe4f1;
	background-color: #fbfdff;
	margin: 18px;
	padding: 10px;
	font-size: 11px;
}

	.info h3 {
		margin-top: 0px;
	}


/* Page-References
-------------------------------------------------------------- */

.page-references {
}
	
	#pageElectronic .page-references h3 {
		color: white;
		background-color: #53a3cd;
		padding: 2px 5px;
	}


/* Navigation
-------------------------------------------------------------- */

.navigation {
	border-top: 1px solid #cfe4f1;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

	.navigation .previous {
		display: block;
		float: left;

		padding: 3px 8px;
		background-color: #53a3cd;
		color: white;
		text-decoration: none;
	}

		.navigation .previous:hover {
			background-color: #d7f1fe;
			color: #1b657e;
		}

	.navigation .next {
		display: block;
		float: right;

		padding: 3px 8px;
		background-color: #53a3cd;
		color: white;
		text-decoration: none
	}

		.navigation .next:hover {
			background-color: #d7f1fe;
			color: #1b657e;
		}

	.navigation .nogo {
		cursor: Not-Allowed;
	}