table.panier td {
	border:1px solid #ddd;
}

div.panier fieldset {
	border:1px solid #ccc;
}

div.panier {
	margin:15px;
	margin-left:0;
	margin-right:30px;
}

div.panier H1 {font-size:24px;}
div.panier H2 {font-size:22px;}
div.panier H3 {font-size:20px;}
div.panier H4 {font-size:18px;}
div.panier H5 {font-size:14px;}
div.panier H6 {font-size:12px;}

div.panier input, div.panier select, div.panier textarea {
	font-family:Tahoma;
	font-size:10pt;
	color:#000;
	background:#eef3f5;
}

div.panier input, div.panier textarea {
	border-width : 1px;
}
div.panier *>input, div.panier *>textarea {
	border-color : #333;
}

div.panier .error {
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}

div.panier .warning {
	display:block;
	float:left;
	width:112px;
	height:100px;
	background:url('panier/warning.png') no-repeat;
}

div.panier .warnmsg {
	margin-left:40px;
	float:left;
}

div.panier ul.etapes {
	list-style-type:none;
	width:685px;
	height:100px;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:20px;
	
	/*background:url('panier/fond.gif') no-repeat;*/
	position:relative;
	
	/*background:#fff;*/
}

div.panier ul.etapes li {
	position:absolute;
	width:95px; height:95px;
	text-align:center;
	top:-20px;
}

div.panier ul.etapes li a {
	width:100%;;
	height:100%;
	display:block;
	text-decoration:underline;
	color:#57362d;
}

div.panier ul.etapes li b {
	display:block;
	padding-top:95px;
}

div.panier ul.etapes li.off a {
	text-decoration:none;
}

div.panier li.etape1 {
	left:27px;
	background:url('panier/etape1.gif') top center no-repeat;
}
div.panier li.etape1.off {
	background:url('panier/etape1_off.gif') top center no-repeat;
}
div.panier li.etape1.on {
	background:url('panier/etape1_on.gif') top center no-repeat;
}

div.panier li.etape2 {
	left:162px;
	background:url('panier/etape2.gif') top center no-repeat;
}
div.panier li.etape2.off {
	background:url('panier/etape2_off.gif') top center no-repeat;
}
div.panier li.etape2.on {
	background:url('panier/etape2_on.gif') top center no-repeat;
}

div.panier li.etape3 {
	left:297px;
	background:url('panier/etape3.gif') top center no-repeat;
}
div.panier li.etape3.off {
	background:url('panier/etape3_off.gif') top center no-repeat;
}
div.panier li.etape3.on {
	background:url('panier/etape3_on.gif') top center no-repeat;
}

div.panier li.etape4 {
	left:432px;
	background:url('panier/etape4.gif') top center no-repeat;
}
div.panier li.etape4.off {
	background:url('panier/etape4_off.gif') top center no-repeat;
}
div.panier li.etape4.on {
	background:url('panier/etape4_on.gif') top center no-repeat;
}

div.panier li.etape5 {
	left:567px;
	background:url('panier/etape5.gif') top center no-repeat;
}
div.panier li.etape5.off {
	background:url('panier/etape5_off.gif') top center no-repeat;
}
div.panier li.etape5.on {
	background:url('panier/etape5_on.gif') top center no-repeat;
}

div.panier input.reset {
	border:0;
	width:170px;
	height:35px;
	background:url('panier/reset.gif') no-repeat;
}

div.panier input.refresh {
	border:0;
	width:170px;
	height:35px;
	background:url('panier/refresh.gif') no-repeat;
}

/********** CARTES DE PAIEMENT ************/
div.panier input.card {
	margin:5px;
	border:0;
	width:45px;
	height:30px;
}

div.panier input.card:hover {
	cursor:pointer;
}

div.panier input.cb { background:url('../../paiement/CB.gif') no-repeat;}
div.panier input.mastercard { background:url('../../paiement/EUROCARD_MASTERCARD.gif') no-repeat;}
div.panier input.amex { background:url('../../paiement/AMEX.gif') no-repeat;}
div.panier input.visa { background:url('../../paiement/VISA.gif') no-repeat;}
div.panier input.ecard { background:url('../../paiement/E_CARD.gif') no-repeat;}
div.panier input.cheque { background:url('../../paiement/CHEQUE.gif') no-repeat;}

/* ETAPE 2 */
fieldset.client legend {
	color:#660000;
}

fieldset.client div.titre {
	float:left;	clear:both; width:100%;
	margin-top:10px;
	margin-bottom:1px;
	background:#000;
}

fieldset.client div.data {
	float:left;	clear:both; width:100%;
	background:#fff;
	text-align:center;
	background:url('client_data.gif') repeat-y left;
}

fieldset.client div.data p {
	margin:10px;
}

fieldset.client div.data form {
	margin:10px; padding:0;
}

fieldset.client div.data form label {
	float:left;
	width:100%;
	clear:both;
	text-align:left;
}

fieldset.client div.data form input {
	float:left;
	width:100%;
	clear:both;
	margin-bottom:20px;
}

fieldset.client div.data input.valid {
	width:180px; height:25px;
	float:none; border:0;
	background:url('panier/input.gif') no-repeat;
	margin-bottom:0px;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	
}

fieldset.client div.bottom {
	float:left;	clear:both; width:100%;
	background:url('client_bottom.gif') no-repeat left;
	height:20px;
}

/***** FORMULAIRE INSCRIPTION ****/
form.client {
	text-align:left;
}

form.client label {
	clear:both;
	width:100%;
	font-weight:bold;
	text-align:left;
}

form.client fieldset {
	border:1px solid #CCC;
	clear:both;
	display:block;
	margin-bottom:20px;
	padding:10px;
	text-align:left;
}

form.client legend {
	font-weight:bold;
	color:#660000;
}

form.client input, form.client select, form.client textarea {
	clear:both;
	width:99%;
	margin-bottom:5px;
}

form.client input[type=radio] {
	border:0;
	background:none;
}