/* CSS Document */

.energus_form { 
  text-align: left;
  font-size: small; 
}

#bloc_choix {
float : left;
width : 560px;
  }

#form_choix {
float : left;
width : 460px;
  margin : 10px 40px;
  padding : 10px;
  font-size: small;
  border:1px solid #717171;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(border-radius.htc);
	  background-color: #eff2f7; 
}

#bloc_situ {
float : left;
width : 560px;
  }

#form_situ {
float : left;
width : 460px;
  margin : 10px 40px;
  padding : 10px;
  font-size: small;
  border:1px solid #717171;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(border-radius.htc);
	  background-color: #eff2f7; 
}

#form_fact {
float : left;
width : 460px;
  margin : 10px 40px;
  padding : 10px;
  font-size: small;
  border:1px solid #717171;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(border-radius.htc);
	  background-color: #eff2f7; 
}

#form_lancer {
float : left;
width : 460px;
  margin : 10px 40px;
  padding : 10px;
  font-size: small;
  border:1px solid #717171;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(border-radius.htc);
	  background-color: #eff2f7; 
}

#bloc_result {
float : left;
width : 560px;
  }
  
.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		margin:0; padding:0;
		background: #fff;
		}
		
#factureedf {
float : left;
width : 560px;
  }
  
  #facturegdf {
float : left;
width : 560px;
  }
		
/* Style facture */

#fact_right {
  float : right;
  margin : 10px;
  padding : 10px;
  width : 330px;
  font-size: small;
  border:1px solid #717171;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(border-radius.htc);
	  background-color: #eff2f7; 
}

#fact_left {
  float : left;
  margin : 10px;
  padding : 10px;
  width : 330px;
  font-size: small;
  border:1px solid #717171;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(border-radius.htc);
	  background-color: #eff2f7;
}

#fact_evol {
  float : left;
  margin : 10px;
  padding : 10px;
  border:1px solid #717171;
  width : 520px;
  font-size: small; 
}

#fact_evol_t {
  float : left;
  padding : 10px 0;
  width : 100%;
  font-size: medium; 
}

#fact_evol_elec_t {
  float : left;
  width : 80px;
  height : 200px;
  font-size: small; 
  margin: 0 20px 0 0;
}

#fact_evol_gaz_t {
  float : left;
  width : 80px;
  height : 200px;
  font-size: small;
  margin: 0 20px 0 0;
}

.fact_evol_val {
  float : left;
  width:340px;
  padding:0 20px;
  font-size: medium; 
}

.fact_evol_abs {
  float : left;
  padding:0 20px;
  width:340px;
  height : 60px;
  border-top:1px solid #000000;
  font-size: medium; 
}

.fact_titre {
  text-align : right;
  font-weight : bold;
}

.fact_titre2 {
  font-weight : bold;
  font-size: medium; 
}


.fact_hr {
  height: 4px;
  color : #00417c;
  background: #00417c;
  border:1px #00417c solid;
}

#volref {
  float : left;
  margin : 10px;
  padding : 10px;
  border:1px solid #717171;
  width : 520px;
  font-size: small; 
}

/* 

GRAPHIQUE EVOL FACTURE

*/


dl#graph dd{
	margin:0;
	padding:0;
	} 	
dl#graph{
    float:left;
	margin:0 20px;
	padding:0;
	width:360px;
	height:100px;
	border:1px solid #b1b1b1;
	} 

dl#graph dd.colnr{
	position:relative;
	float:left;
	display:inline;
	height:100px;
	width:80px;	
	}
dl#graph dd.colblc{
	position:relative;
	float:left;
	display:inline;
	height:100px;
	width:10px;	
	}
dl#graph span{
	position:absolute;
	display:block;
	bottom:0;
	left:0;	
	z-index:1;
	color:#555;
	text-decoration:none;
	} 

/* default column styling */		

	dl#graph span{
		height:50%;
		background-color: #000000;
		} 

/* // default column styling */		
		
/* column types */			

	dl#graph span.noir{
		background-color: #000000;
		width:80px;
		} 
	dl#graph span.blanc{
		background-color: #ffffff;
		width:10px;
		} 

	
/* // column types */	

/* percentages */

	dl#graph span.p0{height:0%;}
	dl#graph span.p1{height:1%;}
	dl#graph span.p2{height:2%;}
	dl#graph span.p3{height:3%;}
	dl#graph span.p4{height:4%;}
	dl#graph span.p5{height:5%;}
	dl#graph span.p6{height:6%;}
	dl#graph span.p7{height:7%;}
	dl#graph span.p8{height:8%;}
	dl#graph span.p9{height:9%;}
	dl#graph span.p10{height:10%;}
	dl#graph span.p11{height:11%;}
	dl#graph span.p12{height:12%;}
	dl#graph span.p13{height:13%;}
	dl#graph span.p14{height:14%;}
	dl#graph span.p15{height:15%;}
	dl#graph span.p16{height:16%;}
	dl#graph span.p17{height:17%;}
	dl#graph span.p18{height:18%;}
	dl#graph span.p19{height:19%;}
	dl#graph span.p20{height:20%;}
	dl#graph span.p21{height:21%;}
	dl#graph span.p22{height:22%;}
	dl#graph span.p23{height:23%;}
	dl#graph span.p24{height:24%;}
	dl#graph span.p25{height:25%;}
	dl#graph span.p26{height:26%;}
	dl#graph span.p27{height:27%;}
	dl#graph span.p28{height:28%;}
	dl#graph span.p29{height:29%;}
	dl#graph span.p30{height:30%;}
	dl#graph span.p31{height:31%;}
	dl#graph span.p32{height:32%;}
	dl#graph span.p33{height:33%;}
	dl#graph span.p34{height:34%;}
	dl#graph span.p35{height:35%;}
	dl#graph span.p36{height:36%;}
	dl#graph span.p37{height:37%;}
	dl#graph span.p38{height:38%;}
	dl#graph span.p39{height:39%;}
	dl#graph span.p40{height:40%;}
	dl#graph span.p41{height:41%;}
	dl#graph span.p42{height:42%;}
	dl#graph span.p43{height:43%;}
	dl#graph span.p44{height:44%;}
	dl#graph span.p45{height:45%;}
	dl#graph span.p46{height:46%;}
	dl#graph span.p47{height:47%;}
	dl#graph span.p48{height:48%;}
	dl#graph span.p49{height:49%;}
	dl#graph span.p50{height:50%;}
	dl#graph span.p51{height:51%;}
	dl#graph span.p52{height:52%;}
	dl#graph span.p53{height:53%;}
	dl#graph span.p54{height:54%;}
	dl#graph span.p55{height:55%;}
	dl#graph span.p56{height:56%;}
	dl#graph span.p57{height:57%;}
	dl#graph span.p58{height:58%;}
	dl#graph span.p59{height:59%;}
	dl#graph span.p60{height:60%;}
	dl#graph span.p61{height:61%;}
	dl#graph span.p62{height:62%;}
	dl#graph span.p63{height:63%;}
	dl#graph span.p64{height:64%;}
	dl#graph span.p65{height:65%;}
	dl#graph span.p66{height:66%;}
	dl#graph span.p67{height:67%;}
	dl#graph span.p68{height:68%;}
	dl#graph span.p69{height:69%;}
	dl#graph span.p70{height:70%;}
	dl#graph span.p71{height:71%;}
	dl#graph span.p72{height:72%;}
	dl#graph span.p73{height:73%;}
	dl#graph span.p74{height:74%;}
	dl#graph span.p75{height:75%;}
	dl#graph span.p76{height:76%;}
	dl#graph span.p77{height:77%;}
	dl#graph span.p78{height:78%;}
	dl#graph span.p79{height:79%;}
	dl#graph span.p80{height:80%;}
	dl#graph span.p81{height:81%;}
	dl#graph span.p82{height:82%;}
	dl#graph span.p83{height:83%;}
	dl#graph span.p84{height:84%;}
	dl#graph span.p85{height:85%;}
	dl#graph span.p86{height:86%;}
	dl#graph span.p87{height:87%;}
	dl#graph span.p88{height:88%;}
	dl#graph span.p89{height:89%;}
	dl#graph span.p90{height:90%;}
	dl#graph span.p91{height:91%;}
	dl#graph span.p92{height:92%;}
	dl#graph span.p93{height:93%;}
	dl#graph span.p94{height:94%;}
	dl#graph span.p95{height:95%;}
	dl#graph span.p96{height:96%;}
	dl#graph span.p97{height:97%;}
	dl#graph span.p98{height:98%;}
	dl#graph span.p99{height:99%;}
	dl#graph span.p100{height:100%;}