html { 
  padding:0px;
  margin:0px;
}

body {
  background-image:url(../images/background_homepage.jpg);
  background-color: #e1ddd9;
  font-family: "Arial Narrow", Arial, Sans-Serif;
  color:#e3dac0;  
  padding:0px;
  margin:0px;
}


 
/* ----------------------------  CENTER  elements     ---------------------------- */
#center {
	background-image:url(../images/background_homepage_content.gif);
	position: absolute;
	z-index:1;
	top:29px;
	left:60px;
	width: 906px; 
	height:556px;
}

#navigationPRINCIPALE ul {
	height: 25px;
	list-style-type: none;
	margin-top:96px;
}

#navigationPRINCIPALE li {
	display: inline;
	color:#474334;
}


#navigationPRINCIPALE {
	color:#474334;
}

#navigationPRINCIPALE a {
	font-family:Helvetica;
	color:#474334;
	font-size:12px;
	text-decoration:none;
	margin:0 15px 0 15px;
}
#navigationPRINCIPALE a:hover {
	text-decoration:underline;
}

#navigationPRINCIPALE a.ON {
	font-family:Helvetica;
	color:#363092;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

#blocLEFT {
	position:absolute;
	width:400px;
	margin:150px 0 0 80px;
	float:left;
	left: -25px;
	border:0px #000000 solid;
}

#blocLEFT p {
	margin:5px 0 7px 0;
	font-size:13px;
	color:#333333;/*color:#545454;*/
	font-family:Arial Narrow, sans-serif;
	text-align:justify;
	line-height:14px;
}

#blocLEFT p a { color:#363092; text-decoration:underline;}
#blocLEFT p a:hover { color:#363092; text-decoration:none;}
#blocLEFT p.smallLIGHT {font-family:Arial Narrow, sans-serif; font-size:12px; color:#7c7c7c; line-height:13px; /* color:#9b9b9b;*/ }
#blocLEFT p.smallLIGHT a { color:#363092; text-decoration:underline;}


#blocRIGHT {
	background-image:url(../images/electros_bloc_right.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	width:395px;
	height:164px;
	margin:150px 0 0 80px;
	float:right;
	left: 429px;
	border:0px #000000 solid;
	top: 0px;
}

#blocRIGHTbottom {
	background-image:url(../images/cuisines_bloc_right_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	width:395px;
	height:124px;
	margin:150px 0 0 80px;
	float:right;
	left: 428px;
	border:0px #000000 solid;
	top: 189px;
}
#banPICTO {
	background-image:../images/ess.gif;
	background-repeat:no-repeat;
	vertical-align:middle;
	
	position:absolute;
	width:468px;
	height:60px;
	font-family: Arial, Sans-Serif;
	color:#474334;
	font-size:11px;
	margin-top:30px;
	padding-left:280px;
	/*border:#FF0000 solid 1px;*/
}
#contactPICTO {
	background-image:url(../images/contact_picto.gif);
	background-position: top,left;
	background-repeat:no-repeat;
	vertical-align:middle;
	float:right;
	width:70px;
	height:20px;
	font-family: Arial, Sans-Serif;
	color:#474334;
	font-size:11px;
	padding-left:25px;
	margin-top:50px;
	visibility:hidden;
}
#planPICTO {
	background-image:url(../images/plan_picto.gif);
	background-position:top,left;
	background-repeat:no-repeat;
	vertical-align:middle;
	float:right;
	width:70px;
	height:20px;
	font-family: Arial, Sans-Serif;
	color:#474334;
	font-size:11px;
	padding-left:25px;
	margin-top:50px;
	visibility:hidden;
	
}

#pictosindex {
	position:absolute;
	z-index:300;
	top:480px;
	left:700px;
}

#pictosindex a {
text-decoration:none;
	font-family: Arial, Sans-Serif;
	color:#474334;
	font-size:11px;

}
#contactPICTO2 {
	background-image:url(../images/contact_picto.gif);
	background-position:top,left;
	background-repeat:no-repeat;
	vertical-align:middle;
	float:right;
	width:70px;
	height:20px;
	font-family: Arial, Sans-Serif;
	color:#474334;
	font-size:11px;
	padding-left:25px;
	margin-top:50px;
	visibility:hidden;
}
#planPICTO2 {
	background-image:url(../images/plan_picto.gif);
	background-position:top,left;
	background-repeat:no-repeat;
	vertical-align:middle;
	float:right;
	width:70px;
	height:20px;
	font-family: Arial, Sans-Serif;
	color:#474334;
	font-size:11px;
	padding-left:25px;
	margin-top:50px;
	visibility:hidden;
}

#contactPICTO2 a{
	text-decoration:none;
	font-family: Arial, Sans-Serif;
	color:#474334;
	font-size:11px;
}

#planPICTO2 a{
	text-decoration:none;
	font-family: Arial, Sans-Serif;
	color:#474334;
	font-size:11px;
}

#contactPICTO2 a:hover{
	text-decoration:none;
}

#planPICTO2 a:hover{
	text-decoration:none;
}

#contactPICTOclic {
	position:absolute;
	z-index:3;
	float:right;
	padding-right:50px;
	margin-top:51px;
	left: 427px;
	top: 178px;
}

#planPICTOclic {
	position:absolute;
	z-index:3;
	float:right;
	padding-right:50px;
	margin-top:51px;
	left: 427px;
	top: 178px;
}

#signature {
	font-size:10px;
	color:#9b9b9b;
	font-family:Arial Narrow, sans-serif;
	clear: both;
	margin-top:30px;
}
#signature a { color:#999999; text-decoration:none;}
#signature a:hover { color:#666666; text-decoration:underline;}


.signatureDARKblue {color:#363092;}

#carreTOP {
	position:absolute;
	background-image:url(../images/carre_jaune_top.jpg);
	background-position:left;
	background-repeat:no-repeat;
	z-index:5;
	width:152px;
	height:132px;
	margin:150px 0 0 80px;
	float:left;
	top: 16px;
	left:268px;
}

#carreTOP p { color:#796b34; font-family:Arial Narrow, sans-serif; font-size:10px; margin:70px 8px 0 11px;}
#carreTOP p a { color:#796b34; text-decoration:none;}
#carreTOP p a:hover { color:#796b34; text-decoration:underline;}


#carreBOTTOMright {
	position:absolute;
	background-image:url(../images/carre_jaune_bottom_right.jpg);
	background-position:left;
	background-repeat:no-repeat;
	z-index:7;
	width:125px;
	height:109px;
	float:right;
	left: 524px;
	top: 383px;
}
#carreBOTTOMright p { color:#796b34; font-family:Arial Narrow, sans-serif; font-size:10px; margin:55px 8px 0 11px;}
#carreBOTTOMright p a { color:#796b34; text-decoration:none;}
#carreBOTTOMright p a:hover { color:#796b34; text-decoration:underline;}



#carreTOPright {
	position:absolute;
	background-image:url(../images/carre_jaune_top_right.jpg);
	background-position:left;
	background-repeat:no-repeat;
	z-index:6;
	width:152px;
	height:132px;
	margin:150px 0 0 85px;
	float:right;
	left: 641px;
	top: 51px;
}

#carreTOPright p { color:#796b34; font-family:Arial Narrow, sans-serif; font-size:10px; margin:55px 7px 0 11px;}
#carreTOPright p a { color:#796b34; text-decoration:none;}
#carreTOPright p a:hover { color:#796b34; text-decoration:underline;}


/* ----------------------------   RIGHT  elements      ---------------------------- */
#right {
	background-image:url(../images/background_homepage_rightpane.jpg);
	height:556px;
	position: relative;
	z-index:0;
	top:30px;
	width: 50%;
	overflow: auto;
	float:right;
}