.clear{
	clear:both;
}
/**
 * CONNECTION // DECONNEXION // BTN PANIER
 */
#connect{
	position:relative;
	float: right;
	width:350px;
	height:75px;
	padding: 6px 30px 0 0;
	color: #505050;
}
	
	#connect label{
		float:left;
		width:180px;
		margin: 0 0 5px 0;
	}
		
	#connect input{
		float:right;
		width: 150px;
		height: 14px;
		border:1px solid #ccc;
		padding: 2px 8px;
		margin: 0 0 5px 0;
	}
	
	#connect input#subConnect{
		position:absolute;
		top:20px;
		right:10px;
		display: block;
		width: 19px;
		height: 18px;
		border:none;
		padding:0;
		margin:0;
		background: url(../images/ok.gif) no-repeat;
		cursor:pointer;
	}
	
	#connect a#mdpOublie, #connect a#mdpOublie:link, #connect a#mdpOublie:visited, #connect a#mdpOublie:active{
		float:left;
		color: #505050;
	}
		
	#connect #linkPanier{
		position:absolute;
		bottom:3px;
		right:20px;
		padding:0 0 2px 0;
		
	}
		#linkPanier img{
			float:left;	
			margin:0 5px 0 0;
		}
		
		#linkPanier a{
			float: left;
			display: block;
			height: 16px;
			text-decoration: none;
			text-align: center;
			margin:1px 10px 0 0;
			padding:1px 2px 0 2px;
		}
		
		#linkPanier a.btnCompte,#linkPanier a.btnCompte:link,#linkPanier a.btnCompte:visited,#linkPanier a.btnCompte:active{
			background: url(../images/btnBleu.gif) repeat-x;
			color: #4471e1;
			border:1px solid #b3c0e0;
		}
		
		#linkPanier a.btnPanier, #linkPanier a.btnPanier:link,#linkPanier a.btnPanier:visited,#linkPanier a.btnPanier:active{
			background: url(../images/btnOrange.gif) repeat-x;
			color: #eb7f0b;
			border:1px solid #f9cbb4;
		}
	
	#connect #logout{
		float:right;
	}
	
	#logout span{
		float:left;
		padding:5px 10px 0 0;
	}
	
	#logout a.btnLogout, #logout a.btnLogout:link, #logout a.btnLogout:active, #logout a.btnLogout:visited{
		float: left;
		display: block;
		text-decoration: none;
		text-align: center;
		margin:0 0 0 0;
		padding:5px 0 0 0 ;
		text-decoration:underline;
		color: #eb7f0b;
	}
	
	#logout a.btnLogout:hover{
		text-decoration:underline;
	}
	
	
	
/*
 * MESSAGE 
 */
#messageCompte{
	padding:0 0 0 10px
}	
#messageCompte h1#message{
	width: 316px;
	background: url(../images/fondRouge.gif) repeat-x;
}
	#messageCompte .message{
		color:#DA0106;
	}	

#messageForm{
	float:left;
	clear:both;
	padding:0 20px 0 20px;
}

	#messageForm h1#message{
		float:left;
		width: 326px;
		background: url(../images/fondRouge.gif) repeat-x;
	}
	#messageForm .message{
		float:left;
		width:632px;
		color:#DA0106;
	}

span.btnAddCompte{
	display:block;
	float:left;
	height:20px;
	padding:2px 4px 2px 2px;
	background:url(../images/caddy/bgbutton.gif)  repeat-x top;
	border:1px solid #ACACAC;
	cursor:pointer;
	margin:15px 0 0 0;
}
	 span.btnAddCompte a, span.btnAddCompte a:link, span.btnAddCompte a:visited, span.btnAddCompte a:active{
		float:left;
		display:block;
		height:18px;
		background:url(../images/caddy/user-add.gif) no-repeat;
		padding:4px 0  0 27px;
		cursor:pointer;
		text-decoration:none;
		color:#4f6d97;
	}	

/**
 * PANIER
 */
#panier span.btnVider{
	display:block;
	float:left;
	height:20px;
	padding:2px 4px 2px 2px;
	background:url(../images/caddy/bgbutton.gif)  repeat-x top;
	border:1px solid #ACACAC;
	cursor:pointer;
}
	#panier span.btnVider a, #panier span.btnVider a:link, #panier span.btnVider a:visited, #panier span.btnVider a:active{
		float:left;
		display:block;
		height:18px;
		background:url(../images/caddy/panier-vider.gif) no-repeat;
		padding:4px 0  0 27px;
		cursor:pointer;
		text-decoration:none;
		color:#4f6d97;
	}	
	
#panier table{
	float:left;
	clear:both;
	margin:20px 0 20px 0;
	border-collapse:collapse;
	border-spacing:0;
	width:660px;
}
	#panier table th{
		height:24px;
		padding:0 10px 0 10px;
		background:url(../images/caddy/bgbutton.gif) repeat-x top;
		border:1px solid #ACACAC;	
		text-align:center;
	}
		#panier table td.prix{
			text-align:right;	
		}
		
	#panier table tr.lineProduct{
		height:30px;
	}
	#panier table tr.lineProduct td{
		padding:0 0 0 10px;
	}

		#panier table th.designation, #panier table div.designation{
			width:300px;	
		}
		
		#panier table th.supprimer{
			width:50px;	
		}
		
		#panier table th.prix{
			color:#000;
		}
		#panier table tr.lineProduct td.prix{
			text-align:right;
			padding-right:0;
			color:#000;
		}
		
		#panier table th.prixTotalPoduct, #panier table td div.prixTotalPoduct{
			color:#000;
			font-weight:bold;
			/*width:55px;*/
		}
		#panier table tr.lineProduct td.prixTotalPoduct{
			text-align:right;
			padding-right:0;
			color:#000;
			font-weight:bold;
		}
		
		#panier table tr#prixTotal{
			text-align:right;
			font-weight:bold;
		}
			#panier table tr#prixTotal td{
				text-align:right;	
				padding:10px 0 0 0;
			}
			#panier table tr#prixTotal span{
				float:right;
				padding:0 5px 0 0;
			}
			#panier table tr#prixTotal div{
				float:right;
			}
	
#panier .caddy_borderBottom{
	width:660px;
	border-bottom:1px dotted #ACACAC;
}
#panier a.deleteProduct, #panier a.deleteProduct:link, #panier a.deleteProduct:active, #panier a.deleteProduct:visited{
	display:block;
	margin:0 auto;
	height:20px;
	width:20px;
	font-size:0;
	text-indent:-1000px;
	background:url(../images/caddy/panier-deleteProduct.gif) no-repeat center;
}

#panier .nbQteProduct{
	float:right;
	font-weight:bold;
	width:15px;
	height:15px;
	padding:5px 0 0 0;
}

#panier .qteProduct{
	float:right;
	width:25px;
	height:13px;
	padding:7px 0 0 0;
}
	#panier a.plusQte, #panier a.plusQte:link, #panier a.plusQte:active, #panier a.plusQte:visited{
		display:block;
		float:right;
		margin:0 0 0 0;
		height:10px;
		width:10px;
		font-size:0;
		text-indent:-1000px;
		background:url(../images/caddy/panier-qtePlus.gif) no-repeat;
	}
	#panier a.minusQte, #panier a.minusQte:link, #panier a.minusQte:active, #panier a.minusQte:visited{
		display:block;
		float:right;
		margin:0 2px 0 0;
		height:10px;
		width:10px;
		font-size:0;
		text-indent:-1000px;
		background:url(../images/caddy/panier-qteMinus.gif) no-repeat;
	}

#panier span.btnCommander{
	display:block;
	float:right;
	height:20px;
	padding:2px 4px 2px 2px;
	background:url(../images/caddy/bgbutton.gif)  repeat-x top;
	border:1px solid #ACACAC;
	cursor:pointer;
	
}
	#panier span.btnCommander a, #panier span.btnCommander a:link, #panier span.btnCommander a:visited, #panier span.btnCommander a:active{
		float:left;
		display:block;
		height:18px;
		background:url(../images/caddy/panier-commander.gif) no-repeat;
		padding:4px 0  0 27px;
		cursor:pointer;
		text-decoration:none;
		color:#4f6d97;
	}		
	
#panier span.btnPoursuivre{
	display:block;
	float:right;
	height:20px;
	padding:2px 4px 2px 2px;
	background:url(../images/caddy/bgbutton.gif)  repeat-x top;
	border:1px solid #ACACAC;
	cursor:pointer;
	margin:0 20px 0 0;
}
	#panier span.btnPoursuivre a, #panier span.btnPoursuivre a:link, #panier span.btnPoursuivre a:visited, #panier span.btnPoursuivre a:active{
		float:left;
		display:block;
		height:18px;
		background:url(../images/caddy/panier-poursuivre.gif) no-repeat;
		padding:4px 0  0 27px;
		cursor:pointer;
		text-decoration:none;
		color:#4f6d97;
	}	


/**
 * COMPTE CLIENT
 */

.compteClient{
	clear:both;
}

.compteClient a, .compteClient a:link, .compteClient a:visited, .compteClient a:active{
	text-decoration:none;
	cursor:pointer;
}

.compteClient .floatRight{
	float:right;
	margin:0;
}

.compteClient .fixMargin{
	margin:-14px 5px 0 0;
}

#contenuGauche .compteClient{
	border-right:1px solid #ddd;
}

ul#menuCompte{
	float:left;
	padding:0 0 0 10px;
}
	ul#menuCompte li{
		padding:10px 0 10px 0;	
		border-bottom:1px dotted #cccccc;
	}
	ul#menuCompte li#commande{
		border:none;
	}
		ul#menuCompte li a{
			display:block;
			height:15px;
			padding:17px 0 0 37px;
			text-decoration:none;
			color:#2c5a99;
			width:263px;
		}
		ul#menuCompte li#infos a{
			background:url(../images/caddy/user-info.gif) no-repeat;
		}
		ul#menuCompte li#addrFacturation a{
			background:url(../images/caddy/user-addrFact.gif) no-repeat;
			height:17px;
			padding:15px 0 0 37px;
		}
		ul#menuCompte li#addrLivraison a{
			background:url(../images/caddy/user-addrLivr.gif) no-repeat;
			height:17px;
			padding:15px 0 0 37px;
		}
		ul#menuCompte li#commande a{
			background:url(../images/caddy/user-commande.gif) no-repeat;
			height:17px;
			padding:15px 0 0 37px;
		}
/**
 * RECAPITULATIF
 */

#recapitulatif_infos, #recapitulatif_addresseFacturation, #recapitulatif_addresseLivraison, #recapitulatif_commande{
	float:left;
	margin:0 0  20px 0;
}

#recapitulatif_infos span, #recapitulatif_addresseFacturation span{
	float:left;
	padding:0 0 0 15px;
}

#recapitulatif_addresseLivraison span{
	float:left;
	padding:0 0 0 15px;
}
#recapitulatif_addresseLivraison span.labelAdresse{
	float:left;
	font-weight:bold;
	padding:0 0 15px 15px;
}

#recapitulatif_commande #panier{
	padding:0 0 0 15px;
}

span.btnRegler{
	display:block;
	float:right;
	height:20px;
	padding:2px 4px 2px 2px;
	background:url(../images/caddy/bgbutton.gif)  repeat-x top;
	border:1px solid #ACACAC;
	cursor:pointer;
	
}
	span.btnRegler a,span.btnRegler a:link,span.btnRegler a:visited,span.btnRegler a:active{
		float:left;
		display:block;
		height:18px;
		background:url(../images/caddy/panier-regler.gif) no-repeat;
		padding:4px 0  0 27px;
		cursor:pointer;
		text-decoration:none;
		color:#4f6d97;
	}
	
span.btnRetour{
	display:block;
	float:right;
	height:20px;
	padding:2px 4px 2px 2px;
	margin:0 5px 0 0;
	background:url(../images/caddy/bgbutton.gif)  repeat-x top;
	border:1px solid #ACACAC;
	cursor:pointer;
	
}
	span.btnRetour a, span.btnRetour a:link, span.btnRetour a:visited, span.btnRetour a:active{
		float:left;
		display:block;
		height:18px;
		background:url(../images/caddy/panier-retour.gif) no-repeat;
		background-position : 0 3px;
		padding:4px 0  0 18px;
		cursor:pointer;
		text-decoration:none;
		color:#4f6d97;
	}	

span.paiement{
	float:left;
	display:block;
	height:22px;
	padding:10px 20px 0 40px;
	color:#4f6d97;
	cursor:pointer;
}
	
span.paiementCB{
	background:url(../images/caddy/paiement-cb.gif) no-repeat;
		background-position : 4px 0;
}

span.paiementPaypal{
	background:url(../images/caddy/paiement-paypal.gif) no-repeat;	
	background-position : 4px 0;}
span.paiementCheque{
	background:url(../images/caddy/paiement-cheque.gif) no-repeat;
	background-position : 4px 0;
}
	
/**
 * MENU ETAPE COMMANDE
 */

ul#menuStep{
	float:left;
	width:660px;
	height:31px;
	margin:0 0 20px 0;
}
	ul#menuStep li{
		float:left;
		height:31px;
		padding:0 0 0 0;
		background:url(../images/caddy/menuStep_li.gif) repeat-x;
	}
	ul#menuStep li.actif{
		background:url(../images/caddy/menuStep_li-actif.gif) repeat-x;
	}		
		ul#menuStep li span{
			float:left;
			height:31px;
			padding:0 18px 0 2px;
		}
		ul#menuStep li.actif span{
			background:url(../images/caddy/menuStep_span-actif.gif) no-repeat right;
		}
		ul#menuStep li.passif span{
			background:url(../images/caddy/menuStep_span-passif.gif) no-repeat right;
		}
		ul#menuStep li span{
			
			background:url(../images/caddy/menuStep_span.gif) no-repeat right;
		}
		ul#menuStep li#identification.actif span{
			border-left:1px solid #8d8d8d;
		}
		ul#menuStep li#identification span{
			border-left:1px solid #acacac;
		}
	
			ul#menuStep li span a{
				float:left;
				display:block;
				height:23px;
				padding:8px 5px 0 2px;
				text-decoration:none;
				color:#acacac;
				cursor:pointer;
			}
			ul#menuStep li.actif span a{
				color:#656464;
			}
			ul#menuStep li#identification span a{
				/*background:url(../images/caddy/menuStep_a-identification.gif) no-repeat;*/
			}
			
/*
 * LISTE COMMANDE CLIENT
 */
table#listeCommande{
	float:left;
	margin:0 0 15px 0;	
}

table#listeCommande th{
	height:24px;
	padding:0 10px 0 10px;
	background:url(../images/caddy/bgbutton.gif) repeat-x top;
	border:1px solid #ACACAC;	
	text-align:center;
}
	table#listeCommande th.ref{
		width:300px;
	}

	table#listeCommande td.montant{
		text-align:right;	
	}
	
table#listeCommande tr.lineCommande{
	height:30px;
}
table#listeCommande tr.lineCommande td{
	padding:0 10px 0 10px;
	text-align:center;
}
a.btnCommandeFacture, a.btnCommandeFacture:link, a.btnCommandeFacture:active, a.btnCommandeFacture:visited, a.btnCommandeFacture:hover{
	display:block;
	width:24px;
	height:24px;
	background:url(../images/caddy/commande-facture.gif) no-repeat left;
	cursor:pointer;
	padding:0;
	margin:0 auto;
}
/**************************************************************************************************************************               
 * 											STYLE ADMIN VT2                                                               *
 **************************************************************************************************************************/

/************************************************
 *	HTML FORM
 ************************************************/
	
	.compteClient input,.compteClient textarea,.compteClient select
	 {
		color						:	#333;
		border						:	1px solid #B6B8C6;		
		margin						:	2px;
		padding					:	1px;		
	}
	
	
	.compteClient input
	{
		padding					:	1px;		
	}

	.compteClient input.radio, .compteClient input.checkbox
	{
		border:0;
	}

	.compteClient input[type="button"], .compteClient input[type="submit"]
	{
		padding						: 	2px 6px 2px 6px;
		border						:	1px solid #F2F4F7;
		border-right				:	1px solid #6f6f71;
		border-bottom		:	1px solid #6f6f71;
		cursor						: 	pointer;
		background				:	#FCFCFC;
	}

	.compteClient input:focus
	{
		border						:	1px solid #B6B8C6;	
		background				:	#FEEEBF;
	}

	.compteClient label
	{
		font: 10px Arial, Verdana, sans-serif, Helvetica ;		
		color				:	#5E6B8C;
		padding:4px;
	}

	.compteClient fieldset 
	{
		margin: 12px 4px;
		padding: 15px 10px;
		background:#FFF;
		border: 1px solid #D6D6D6;
		border-collapse:separate;
	}
	
	.compteClient fieldset.vtform
	{
		margin: 12px 4px;
		padding: 15px 10px;
		background:#FCFCFC;
		border: 1px solid #CCC;
		border-collapse:separate;
	}

	.compteClient legend 
	{
		padding: 2px 5px;
		color: #CC2048;
	}

	.compteClient optgroup
	{
		/*color	:	#FFF;
		background-color:#000;*/
		padding:0px;
		border-bottom:1px solid #000;
	}	
	
	.compteClient ul,.compteClient  ol
	{
		margin-left:16px;
	}

	.compteClient .requiredError{
		color:#FF0000;
	}

	.compteClient .inputError{
		border-left:1px solid #B42727;
	}

	.compteClient .tdButton{
		padding: 12px;
		height:26px;
	}
		
/************************************************
 *	 COMPONENT VTFORM
 ************************************************/
 
 	.compteClient .vtForm
 	{
 		margin:0 auto;
 		width:100%;
 	}
		
		.compteClient .blocLabel
		{
			padding: 6px;
			margin-right:6px;
			color: #333;
			font-family	:	arial;
			font-size		:	11px;
			border-top: 2px solid #FFF;
			vertical-align:top;
			width:130px;
			text-align:left;			
		}
			.compteClient.lostPassword .blocLabel
			{
				width:75px;
			}
		.compteClient .blocInput
		{
			color: #6F6A5A;
			padding: 6px;
			padding-left:2px;
			border-top: 2px solid #FFF;
			text-align:left;
			margin:2px;
		}
		
		.compteClient .autoCompletion
		{
			padding-left:20px;
			background: #FFF url(../images/caddy/icon_autocomplet.gif) no-repeat;
			border:1px dotted #666;
		}
		
		.compteClient .autoCompletion:focus
		{
			background: #FFF url(../images/caddy/icon_autocomplet.gif) no-repeat;
			border:1px dotted red;
		}
		
		.compteClient .labelComponent
		{
			color:#3B618D;
			font-size: 11px;
			display:block;
			max-width:420px;
			padding:8px;			
		}
	
/************************************************
 *	 COMPONENT VLINK
 ************************************************/

	.compteClient .linkButton, .linkPlainButton
	{
		padding				:	2px;
		padding-top		:	2px;
		padding-bottom	:	5px;
		text-align			: 	center;
		vertical-align		:	middle;
		cursor				: 	pointer;
		display				: inline;
		outline:none;
	}
	
	.compteClient .linkPlainButton
	{
		padding:2px 6px 4px 6px;
		color: #333;
		background:#FFF url(../images/caddy/bgbutton.gif) repeat-x top;
	 	border:1px solid #ACACAC;	
	}
	
	*html .compteClient .linkPlainButton
	{
		padding:2px 6px 2px 6px;
		margin:0px;
	}
	
	*+html .compteClient .linkPlainButton
	{
		padding:2px 6px 2px 6px;
		margin:0px;
	}

	.compteClient .linkButton:hover, .compteClient .linkPlainButton:hover
	{
		cursor					: pointer;
		text-decoration	: none;
	}

	.compteClient .linkButton img, .compteClient .linkPlainButton img
	{
		padding				:	0;
		margin				:	0;
		vertical-align	:	middle;
		cursor					: 	pointer;
	}
	
	*html .compteClient .linkPlainButton img
	{
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	*+html .compteClient .linkPlainButton img
	{
		margin-bottom: 6px;
		margin-top: 6px;
	}

	.compteClient .linkButton span, .compteClient .linkPlainButton span
	{
		margin-left		:	2px;		
		color: #6C8D18;	
		cursor					: 	pointer;
	}
	
	.compteClient .linkButtonPV span
	{
		border-bottom: 1px dotted red;
	}

	.compteClient .linkButton:hover  span
	{
		color: #0066CC;
		text-decoration	: underline;
		cursor					: 	pointer;
	}

	.compteClient .linkPlainButton:hover span
	{
		color	:	#33F;
	}

	.compteClient .linkButtonSel 
	{
		background-color: #DBE7FF;
		margin:0px;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 2px;
		padding-bottom: 6px;
		text-decoration: none;
		text-align: center;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		border-left: 1px solid #AFB0B2;
		border-top: 1px solid #AFB0B2;
		color: #9CB21B;
		cursor: pointer;
		font-weight: bold;
	}

	.compteClient .linkButtonDis 
	{
		margin:0px;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 2px;
		padding-bottom: 6px;
		text-decoration: none;
		text-align: center;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		border-left: 1px solid #AFB0B2;
		border-top: 1px solid #AFB0B2;
		color: #E2E4E5;
		cursor: pointer;
		font-weight: bold;
	}

	.compteClient .linkMissInformation span
	{
		color: #993300;
		font-style:italic;
	}
	
	.compteClient .help:hover
	{
		cursor: help;
		background:none;
	}

/**
 * SURCHARGE INDENTIFICATION COMMANDE
 */	
	
#formLoginCommande td.blocLabel{
	float:left;
	width:80px;
}

#formLoginCommande #loginCommande fieldset, #formCreateAccountCommande #infos fieldset{
	height:100px;
}

.compteClient input.paiementRadio{
	float:left;
	margin:12px 0 0 0;
	border:0;
	cursor:pointer;
}