/* Tabs groups */
td.tab {
	vertical-align:bottom;
}

td.tab-spacer {
	border:0px solid #666666;
	width:0px;
	background-color:transparent;
}

div.tab,div.tab-selected {
	border:1px solid #000000;
	text-align:center;
	font:bold 12px tahoma;
}

div.tab {
	cursor:pointer;
	border:0px solid #11206a;
	background-color:#eeeeee; color:#666666;
}

div.tab-selected {
  border:0px solid #11206a;
	font:bold 12px Verdana;
	color:#ffffff;
}

div.tab-content {
	background-color:transparent;
	border:10px solid transparent;
}

table.tab-content {
  width:100%;
	margin-bottom:0px;
	background-color:#ffffff;
	border:3px solid #11206a;
	border-top:0px;
	height:712px;
}

table.tab-content td.p1 {
	padding:15px 5px 20px 5px;
	height:540px;
}

table.tab td.p1 {
	border-bottom:1px solid black;
}

table.tab td.p2 {
	width:40%;
	border:0px solid black; border-bottom:0px;
	background-color:#eeeeee;
}

table.tab td.content {
	padding:3px;
	border:5px solid black; border-top:0px;
	background-color:#eeeeee;
}

div.tab_site_home0,div.tab_site_home1 {
	height:34px;
	text-align:center;  
	font:bold 13px "tahoma","arial"; 
}

div.tab_site_home1 {
	background-image:url("/images/onglet_background_off.jpg");
	color:#333333;
}

div.tab_site_home0 {
	background-image:url("/images/onglet_background.jpg");
	color:#ffffff;
}
div.tab_EnergeticLabel {
  height:45px;
	background-image:url("/images/onglet_background2.jpg");
	color:#ffffff;
	text-align: center;
	vertical-align: midlle;  
}
div.tab_text_EnergeticLabel {
  font:bold 12px tahoma;
  margin-left:auto; 
  margin-right:auto; 
  position:relative; 
  top:20%; 
  margin-top:-25px;   
  color:#000000;
}
div.tab_text_css {
  border:0px;
  padding:9px;
  color:#ffffff;
}
div.tab_text_css2 {
  border:0px;
  padding:9px;
  color:#000000;
}

div.tab_text_css_home_page2 {
  border:0px;
  padding:7px;
  font:bold 14px tahoma;
  color:#000000;
}

div.tab_text_css_home_page {
  border:0px;
  padding:7px;
  font:bold 14px tahoma;
	color:#ffffff;
}

/* tab states background definitions */
div.tab_elec_background {
  height:39px;
  width:240px;
  background-image:url("/images/icon_elec_on.jpg");
}
div.tab_elec_background2 {
  height:39px;
  width:240px;
  background-image:url("/images/icon_elec_off.jpg");
}

div.tab_water_background {
  height:39px;
  width:240px;
  background-image:url("/images/icon_water_on.jpg");
}
div.tab_water_background2 {
  height:39px;
  width:240px;
  background-image:url("/images/icon_water_off.jpg");
}

div.tab_heating_background {
  height:39px;
  width:240px;
  background-image:url("/images/icon_heating_on.jpg");
}
div.tab_heating_background2 {
  height:39px;
  width:240px;
  background-image:url("/images/icon_heating_off.jpg");
}

div.tab_physic_datas_background {
  height:39px;
  width:359px;
  background-image:url("/images/icon_physic_datas_on.jpg");
}
div.tab_physic_datas_background2 {
  height:39px;
  width:359px;
  background-image:url("/images/icon_physic_datas_off.jpg");
}
div.tab_site_characteristic_background {
  height:39px;
  width:359px;
  background-image:url("/images/icon_site_charac_on.jpg");
}
div.tab_site_characteristic_background2 {
  height:39px;
  width:359px;
  background-image:url("/images/icon_site_charac_off.jpg");
}
/* we define tab different text css(color and position) */