
.checkout {
	border-bottom : 1px solid black;
	margin : 0px 0px 15px 0px ;
	padding : 0px 0px 0px 4px;
	height : 36px;
}


.checkout li {
	float : left;
	margin : 0px 0px -7px 0px; 
	padding : 0;
	width : 143px ;
	height : 36px;
	text-align : center;
	line-height : 3.5em;
	list-style-type : none;
	background : url(../images/style/checkout-undone.gif) no-repeat;
	color : #5b5555;
}
.checkout li a {
	display : block;
	width : 143px ;
	height : 36px;
	margin : 0 ;
	padding : 0;
	text-decoration : none;
	font-family: arial, helvetica, sans-serif ;
	font-size : 16px;
	background : none;
}

.checkout li.done  {
	background : url(../images/style/checkout-done.gif) no-repeat;
	color : white;
}

.checkout li.undone a{
	background : url(../images/style/checkout-undone.gif) no-repeat;
	color : #5b5555;
}
.checkout li.on , .checkout li:hover a, .checkout li a:hover {
	background : url(../images/style/checkout-on.gif) no-repeat;
	color : white;
}

.next_step, .previous_step {
	display : block;
	background-repeat : no-repeat;
	background-color : #F5F5F5;
	color : #565656;
	text-decoration : none;
	height : 30px;
	font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight : bold;
	font-size : 15px;
	border :1px solid #DEDEDE ;
	cursor: pointer;
	line-height : 1.8em;
}

.next_step {
	float : right;
	background-image : url(../images/style/bullet_go.gif);
	background-position: 95% 50%;
	margin: 10px 100px 0px 0px;
	padding : 0px 30px 0px 10px;
	_padding : 0;
	_margin : 0;
}

.previous_step
{
	float : left;
	background-image : url(../images/style/bullet_back.gif);
	background-position: 5% 50%;
	margin: 10px 0px 0px 100px;
	padding : 0px 10px 0px 30px;
}
.next_step:hover, .previous_step:hover {
	background-color:#D9FCB5;
	border:1px solid #C6D880;
	color:#66804D;
	text-decoration : underline;
}

div#checkout {
	text-align : left;
	margin-left : 20px ;
	margin-right : 20px;
}
fieldset {
	border: none;
	padding-left: 50px;
}
.recap_infos
{
	float : left;
	width : 45%;
	border : 1px solid;
	margin-left : 30px;
	margin-top : 10px;
}
.recap_infos h3 {
	margin : 0;
	padding : 0px 0px 0px 10px;
	font-size : 11px;
	font-weight : bold;
	border-bottom : 1px solid;
	height : 20px;
	line-height : 1.7em;
	background : #F5F5F5;
}
.modify {
	float : right;
	margin-right : 10px;
}
.td {
	float : left;
	width : 100px;
	margin-left : 30px;
	color : #888888;
}

.transaction_problem {
	text-align : left;
}

.underh2
{
	margin-left : 30px;
}

.perso_message
{
	border: 1px solid #A7A7A7;
	padding : 10px;
	margin-right : 30px;
}
