html{
	background: url('images/customer/bg_body.jpg') center 0px no-repeat;
	width:100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width:100%;
}

#container {
	width: 960px;
	margin: 5px auto 0 auto;
}

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

#header {
	width: 960px;

}

	#logo {
		width: 247px;
		height: 53px;
		float: left;
		margin: 0px 0px 10px 0px;
	}

	#headerRight {
		width: 634px;
		float: right;
	}
/* -------------------------------------------------------------------------------------------------- */

		#tools {
			width: 290px;
			height: 19px;
			float:right;
			margin-top:5px;
			font-size:12px;
			
		}

		#tools A{
			color: #644d47;
			text-decoration:none;
			text-transform:uppercase:
			display:block;
			margin-right:15px:
			border-right:1px solid #644d47;
			float:left;
		}

		#tools A:hover{
			color: #ff6111;
			text-decoration:none;
		}

			
/* -------------------------------------------------------------------------------------------------- */

		#subMenu {
			width: 580px;
			float:right;
			margin:15px 0px 0px 0px;	
			text-align:right;
		
	
		}

			#subMenu a {
				display: block;
				float:left;
				padding: 10px 0px 0px 20px;

				font-size: 11px;
				font-weight: bold;
				color: #796e67;
				text-transform: uppercase;
				text-decoration: none;

			}

			#subMenu a:hover { color: #ff6213; }


		#subMenu .realisations{
			display:block;
			background: url('images/realisations.png') center 8px no-repeat;		
			width:98px;
			height:26px;
			color:white;
			padding:10px 0px 0px 0px;
			margin-left: 12px;
			text-align:center;
		}

		#subMenu .realisations:hover{
			display:block;
			background: url('images/realisations.png') 0 -20px no-repeat;		

			color:white;;
			
		}



/* -------------------------------------------------------------------------------------------------- */
		#banner {
			background: url('images/bg_banner.jpg') 0 0 no-repeat;		
			width: 960px;
			height: 250px;
		}

				#banner	.diaporama{
						position:relative;
						width:960px;
						height:250px;
						margin:0;
						padding:0;
					}

					#banner	.diaporama li{
						margin:0;
						padding:0;
					}

					#banner	.diaporama li{
						list-style-type:none;
						overflow:hidden;
						position:absolute;
					}

					#banner	.diaporama_controls{
						display:none;
					}

	
/* -------------------------------------------------------------------------------------------------- */

#menu {
	width: 955px;
	height: 48px;
	padding: 0 0 0 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b3aaa3;
	background: url('images/bg_menu.jpg') 0 0 no-repeat;

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

	#menu a.menuBtn1 { width: 133px; height: 48px; background: url('images/bg_menu-b1.jpg') 0 0 no-repeat; }
	#menu a.menuBtn2 { width: 220px; height: 48px; background: url('images/bg_menu-b2.jpg') 0 0 no-repeat; }
	#menu a.menuBtn3 { width: 135px; height: 48px; background: url('images/bg_menu-b3.jpg') 0 0 no-repeat; }
	#menu a.menuBtn4 { width: 149px; height: 48px; background: url('images/bg_menu-b4.jpg') 0 0 no-repeat; }
	#menu a.menuBtn5 { width: 155px; height: 48px; background: url('images/bg_menu-b5.jpg') 0 0 no-repeat; }
	#menu a.menuBtn6 { width: 160px; height: 48px;color:#887169;}

	#menu .menuHover1 { background: url('images/bg_menuhover1.png') 0 0 no-repeat; }
	#menu .menuHover2 { background: url('images/bg_menuhover2.png') 0 0 no-repeat; }
	#menu .menuHover3 { background: url('images/bg_menuhover3.png') 0 0 no-repeat; }
	#menu .menuHover4 { background: url('images/bg_menuhover4.png') 0 0 no-repeat; }
	#menu .menuHover5 { background: url('images/bg_menuhover5.png') 0 0 no-repeat; }

	#menu .menuHover1 a:hover { background-color: #ff8f27; }
	#menu .menuHover2 a:hover { background-color: #ff6026; }
	#menu .menuHover3 a:hover { background-color: #fc5427; }
	#menu .menuHover4 a:hover { background-color: #ac2a2a; }
	#menu .menuHover5 a:hover { background-color: #722626; }

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

#main {
	width: 960px;
}

/*----------------- Home page-------------------------------------*/

#homepage { 
	min-height: 400px;
	border-top: 1px solid #fff;
	background: url('images/customer/bg_homepage.jpg') 0 0 no-repeat; 
}
	
	#homepage .leftColumn {			 
		width: 286px;
		padding: 0px 20px 20px 20px;
		float: left;
	}
	
	#homepage .centerColumn {
		width: 283px;
		padding: 0px 10px 20px 10px;
		float: left;
	}
	
	#homepage .rightColumn {
		width: 310px;
		padding: 10px 10px 20px 10px;
		float: left;
	}

/* ---- */

#socialShare{
	width:150px;
	height: 32px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e2deda;
	padding:8px 0px 0px 10px;
	background: url('images/bg_newsticker.gif') 0 0 repeat-x;
	float: right;
}

	#socialShare .facebook{
			width:80px; 
			float:left;
		}

	#socialShare .google{
			width:60px; 
			float:right;
	}

/*----------------Other pages--------------------------------------*/


#page { 
	border-top: 1px solid #fff;
	background: url('images/bg_page.jpg') 0 0 no-repeat;
}

	#page .column {
	 /*	float: left; */
	}

	#page .two-columns #pageLeft {
		width: 286px;
		padding: 20px;
		float: right;
	}

	#page .two-columns #pageRight {
		width: 594px;
		padding: 20px;
		float:left;
	}

		#page #pageRight .two-columns .column {
			width : 287px;
		}

		#page  #pageRight .two-columns .columnSeparator {
			width: 20px;
			height: 1px;
			float: left;
		}

		#page .two-columns #pageRight .two-columns {
			width: 594px;
		}

			#page .two-columns #pageRight .two-columns .column {
				width: 287px;
			}

	#page .pageFull {
		clear:both;
		padding: 20px;	
		background-image:none;		
		background: url('images/bg_pagefull.jpg') 0 0 repeat-x;		
	}

		#page .pageFull .two-columns .column {
			width: 450px;
		}

		#page  .pageFull .two-columns .columnSeparator {
			width: 20px;
			height: 1px;
			float: left;
		}

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

#footer {
	width: 960px;
	margin: 0 auto 20px auto;
	background: url('images/bg_footer.jpg') 0 0 no-repeat;

	font-size: 11px;
	color: #9d948f;
}

	#footer hr {	
		margin: 0px;	
		height:0px;
		padding:0px:
	}

	#footer a {
		color: #9d948f;
	}

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

	#footer .bgWhite {
		background-color:white;
	}

	#footer .footerLeft {
		width: 286px;
		
		float: left;
		margin: 0 0 5px 0;
		padding: 20px;
	}

	#footer .footerRight {
		width: 594px;
		float: left;
		padding: 20px;
		margin: 0 0 5px 0;
	}

		#footer .footerRight .footerLinks {
			width: 184px;
			float: left;
			margin: 0 20px 0 0;
			padding:0px;

			line-height:18px;
		}


			 #footer .footerRight div.social a {
                display: block;
                text-decoration: none;	
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				cursor:hand;			
            }

		

            #footer .footerRight div.social a span.icon {
                display: inline-block;
                width: 19px;
                height: 18px;
                margin: 0 10px 0 0;
				padding:0px;
            }

           #footer .footerRight div.social a span.text {
                display: inline-block;
                vertical-align: top;
                margin: 0;
            }


		 #footer .footerRight .social a span.facebook { background: url('images/customer/sprites/sprite-global.png') 0 -59px no-repeat; }
		 #footer .footerRight .social a span.twitter { background: url('images/customer/sprites/sprite-global.png') -19px -59px no-repeat; }
		 #footer .footerRight .social a span.linkedin { background: url('images/customer/sprites/sprite-global.png') -38px -59px no-repeat; }
		 #footer .footerRight .social a span.rss { background: url('images/customer/sprites/sprite-global.png') -57px -59px no-repeat; }

		 #footer .footerRight .social a:hover span.facebook {background-position: 0 -40px; }
		 #footer .footerRight .social a:hover span.twitter { background-position: -19px -40px; }
		 #footer .footerRight .social a:hover span.linkedin { background-position: -38px -40px; }
		 #footer .footerRight .social a:hover span.rss { background-position: -57px -40px; }

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

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

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

.cadre,
.cadreHighlight {
	margin: 0 0 15px 0;
	padding: 10px; 
	text-align: justify;
}

.cadre {	
	background:url("images/bg_cadre.jpg") 0px 0px repeat-x #F9F7F8;
	font-size:12px;
	color:#8F7E77;
}

	.cadre h2 { 
		text-align: left;
	}

.cadreHighlight {
	background-color: #fc8f58;
	
	color: #fff;
}

	.cadreHighlight h2 { 
		color: #fff;
	}

.notice { padding: 10px; margin-bottom: 0px; border: 3px solid #ddd; }
.notice { background: #e3eef8; color: #4d87be; border-color: #72aade; }
	.notice a    { color: #4d87be; }

.important { padding: 10px; text-align: center; color: #fff; }
.important { background: #ff6111; }
	.important a { color: #fff; text-decoration: underline; }


	
/* modal Popup
-------------------------------------------------------------- */

.modalPopup {
	width: 550px;
	padding: 10px; 
	border: 1px solid #cecdcd; 
	background-color: #fff;
}

.modalPopup  .btnClose {
	width: 26px;
	height: 26px;
	display: block;
	background: url('images/nyroModal/close2.gif') no-repeat;
	border: none;

	position: absolute;
	top: -15px;
	right: -15px;

	text-indent: -9999em;
	outline: 0;
}

.modalPopup  .btnClose:hover {
}