@charset "utf-8";
/* CSS Document */

#proposer_code_promo{
width:980px;
margin:auto;
}

.proposer_code_titre{
position:relative;
left:180px;
width:536px;
height:96px;
background-image:url(../images/common/proposer-code.gif);
background-repeat:no-repeat;
}

.proposer_code_titre h2{
position:relative;
top:25px;
width:320px;
left:10px;
font-size:15px;
text-align:center;

}



.etape1{
border:none;
border-top:27px #FFFF00 solid;
padding:10px;
}

.etape1 legend{
padding:5px;
font-weight:bold;
font-size:14px;
background-color:#FFFF00;

}

.etape1 label{
display: inline ; 
float: left ; 
width: 85px ; 
margin-top:5px;
}

.etape2{
border:none;
border-top:27px #FFFF00 solid;
padding:10px;
}

.etape2 legend{
padding:5px;
font-weight:bold;
font-size:14px;
background-color:#FFFF00;

}

.etape2 label{
display: inline ; 
float: left ; 
width: 330px ; 
margin-top:5px;
}

.etape3{
border:none;
border-top:27px #FFFF00 solid;
padding:10px;
}

.etape3 legend{
padding:5px;
font-weight:bold;
font-size:14px;
background-color:#FFFF00;

}

.etape3 label{
display: inline ; 
float: left ; 
width: 150px ; 
margin-top:5px;
}

.etape4{
border:none;
border-top:27px #EAEAEA solid;
padding:10px;
}

.etape4 legend{
padding:5px;
font-weight:bold;
font-size:14px;
background-color: #EAEAEA;

}

.etape4 label{
display: inline ; 
float: left ; 
margin-right:10px;
margin-top:5px;
}


.etape5{
border:none;
border-top:27px #EAEAEA solid;
padding:10px;
}

.etape5 legend{
padding:5px;
font-weight:bold;
font-size:14px;
background-color: #EAEAEA;

}

.etape5 label{
display: inline ; 
float: left ; 
width: 120px ; 
margin-top:5px;
}

.etape6{
border:none;
border-top:27px #EAEAEA solid;
padding:10px;
}

.etape6 legend{
padding:5px;
font-weight:bold;
font-size:14px;

background-color: #EAEAEA;

}

.etape6 label{
display: inline ; 
float: left ; 
width: 85px ; 
margin-top:5px;
}

hr{
height:0px;
border-left:none;
border-right:none;
border-bottom:none;
border-top:1px #CCCCCC dashed;
}


input, textarea{
border:#999999 1px solid;
padding:3px;
margin:2px;

}



#formbutton {
	margin-left: 100px;
}

.errormessage{
color:#FF0000;
margin:0px;
border-top:#FF0000 2px solid;
padding-top:10px;
padding-bottom:10px;
padding-left:200px;
background-color:#FFF4F4;

}

/* style du formulaire */
.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 */
