#header_devis
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  width:645px;
  background-color :#1c2b55;
  padding-top:26px;
  background: #1c2b55 url('http://www.opprod.eu/clefenmain/images/tete_devis.jpg') no-repeat;
}

#header_devis_statut
{
  margin-left:5px;
  font-size:normal;
}


#header_devis_step
{
  margin-left:5px;
  color: white;
  font-size:x-large; 
  font-weight:900;
  padding:0;
}

.devis_blue
{
  color:#01aaf4;
}

.devis_grey
{
  color:#7c7c7c;
}

.devis_error
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  text-align:center;
  width:645px;
  background  : #edf8fa url('http://www.opprod.eu/clefenmain/images/01.jpg') no-repeat;
  margin-bottom : 20px;
  color: red;
  padding: 20px 0;
}

.devis_form_1
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  text-align:center;
  width:645px;
  background  : #edf8fa url('http://www.opprod.eu/clefenmain/images/01.jpg') no-repeat;
}

.devis_form_2
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  padding-top:70px;
  width:647px;
  background  : #edf8fa url('http://www.opprod.eu/clefenmain/images/02.jpg') no-repeat;
}

.devis_form_3
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  padding-top:70px;
  width:647px;
  background  : black url('http://www.opprod.eu/clefenmain/images/03.jpg') no-repeat;
}

.devis_form_4
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  padding-top:70px;
  width:647px;
  background  : black url('http://www.opprod.eu/clefenmain/images/04.jpg') no-repeat;
}

.devis_form_5
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  padding-top:70px;
  width:647px;
  background  : black url('http://www.opprod.eu/clefenmain/images/05.jpg') no-repeat;
}

.devis_form_6
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  padding-top:70px;
  width:647px;
  background  : black url('http://www.opprod.eu/clefenmain/images/06.jpg') no-repeat;
}

.devis_form_7
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  padding-top:70px;
  width:647px;
  background  : black url('http://www.opprod.eu/clefenmain/images/07.jpg') no-repeat;
}

.devis_form_8
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  padding-top:70px;
  width:647px;
  background  : #edf8fa url('http://www.opprod.eu/clefenmain/images/08.jpg') no-repeat;
}
.devis_form_9
{
  float:left;
  margin-left:40px !important; 
  margin-left:20px;
  margin-right:40px;
  padding-top:70px;
  padding-left:10px;
  width:637px;
  background  : #edf8fa url('http://www.opprod.eu/clefenmain/images/09.jpg') no-repeat;
}

.devis_comm
{
  margin-left : 20px !important; 
  margin-left : 0px;
}

.devis_box
{
  margin-top  : 10px;
  width:600px;
  background-color  : #79a7c0;
  margin-left:20px;
  border  : 1px solid #6a6a9d;
}

.devis_box h4
{
  color :white;
  padding-top:10px;
  padding-left:10px;
  margin: 0px;
}

.devis_box_form
{
  padding-left : 30px;
  padding-top : 20px;
  padding-bottom : 30px;
}

.devis_simple_label
{
  width:150px;
  display:block;
  float:left;
  color:white;
}

.devis_double_label
{
  width:200px;
  display:block;
  float:left;
  color:white;
}

.devis_all_label
{
  width: 100%;
  display:block;
  float:left;
  color:white;
}
.devis_small_label
{
  width:100px;
  display:block;
  float:left;
  color:white;
}

.devis_simple_input
{
  width:300px;
}


.devis_small_input
{
  width:175px;
}
.devis_small_small_input
{
  width:100px;
}

.devis_form_1 h3, .devis_form_2 h3, .devis_form_3 h3, .devis_form_4 h3, .devis_form_5 h3, .devis_form_6 h3, .devis_form_7 h3, .devis_form_8 h3
{
  padding-top:10px;
  color : white;
  text-align:center;
}

.button_next
{
  margin-right  : 20px;
  float         : right;
}

.button_prev
{
  margin-left  : 20px;
  float         : left;
}








.box_content {
	background-color:#79a7c0;
}

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */






.table_content
{
  width:600px;
  border  : 1px solid black;
  margin  : 10px;
  background-color:#79A7C0;
  color:white;
  empty-cells:show;
}
.table_content th
{

}
.table_content td
{
  width:100px;
  border-top  : thin solid black;
  border-left  : thin solid black;
}

.table_content_title
{
  background-color:red;
}