#main_compte {
	height : inherit;
	padding : 0 25px 5px 25px;
	/*border-left : 1px solid #eee;
	border-right : 1px solid #eee;*/
	z-index : 1;
}
	#main_compte a {
		text-decoration: underline;
		color: #000000;
	}
	
	#main_compte h6 {
		font-size : 10px;
		margin : 0 0 15px 8px;
		padding : 0;
		font-weight : normal;
		color : #55332d;
	}
		#main_compte h6 a {
			color : #55332d;
		}
		
		#main_compte h3 {
			background-color:#E7E7E7;
			border-left-style:solid;
			border-left-width:6px;
			color:#000000;
			padding:6px;
		}
		
		#main_compte h3.orange {
			border-left-color:#FF7300;
			color:black;
		}
		#main_compte h3.rose {
			border-left-color:#E61577;
			color:black;
		}
		#main_compte h3.mauve {
			border-left-color : #93476D;
		}
		#main_compte h3 a {
			color: inherit!important;
		}
		
#entete_compte {
	background : #fff url(/images/common/fd_panier.gif) no-repeat 0 0;
	margin: 10px 0 0 0;
	z-index : 1;
	width: 100%;
}

	#entete_compte img.titre {
		margin : 20px 0 5px 9px;
	}
	#entete_compte td#entete_phrase {
		padding : 0;
		text-align : left;
	}
		#entete_compte td#entete_phrase p {
			font : 11px Arial, Helvetica, sans-serif;
			margin-left : 8px;
		}
#monCompte {
	margin : 0 0 0 8px;
	background : #ddd;
	
	z-index : 1;
}

	#monCompte img {
		margin : 0;
	}
	#monCompte td {
		font : 11px Arial, Helvetica, sans-serif;
		z-index : 1;
	}
	#monCompte p {
		font : 11px Arial, Helvetica, sans-serif;
		margin : 6px 18px 6px 0;
		padding : 0;
	}
	#monCompte input.champTexte {
		display : inline;
		margin : 0;
		z-index : 1;
	}
	#monCompte select {
		display : inline;
		margin : 0;
	}
div.row {
	display : block;
}
	#monCompte td.intitule {
		margin : 0;
		padding-right : 8px;
		text-align : right;
		font : 12px Arial, Helvetica, sans-serif;
		width : 190px;
	}
	#monCompte select.champSelect {
		margin : 0;
		z-index : 1;
	}
	#monCompte input.champTexte {
		margin : 0;
		z-index : 1;
		-webkit-appearance:searchfield;
	}
	#monCompte input.checkbox {
		margin : 0;
		z-index : 1;
	}
	#monCompte textarea.champTextarea {
		margin : 0;
		z-index : 1;
	}
ul#consulter li {
	margin : 0 10px 10px 60px;
}
	#monCompte ul {
		list-style : none;
		margin : 0;
		padding : 0;
	}
	#monCompte li {
		margin : 0;
		padding : 0;
	}
	
#resume_compte {
	border-left : 1px solid #838383;
	margin : 0;
	padding : 10px 10px;
	width: 100%;
}	
	#resume_compte h2 {
		margin : 0 0 10px 0;
		padding : 5px 5px 5px 8px;
		font : bold 12px Arial, Helvetica, sans-serif;
		color : #717171;
		background : #edeae3;
	}
	#resume_compte p {
		font : 11px Arial, Helvetica, sans-serif;
		margin-left : 8px;
	}
		#resume_compte h2.OldCommand {
			margin : 20px 0 10px 0;
		}

#form_subscribe{
	width: 100%;	
}


/* Formulaire de création de compte */
.monCompte {
	margin : 0;	
}
	
.monCompteLeft {
	width : 43%!important;
	width : 41%;
	float: left;
}
.monCompteRight {
	width : 55%!important;
	width : 50%;
	float: right;
}
	.monCompte .infos-compte {
		background-color : #ddd;
		margin : 0 0 10px 10px;
		padding : 0 10px;

	}
		.infos-compte #infos_gnerales p {
			font-style : italic;
		}
		

		.monCompteRight .infos-compte table	{
			width: 100%;
			border-collapse: collapse;

		}
			.monCompteRight .infos-compte table td.intitule {
				text-overflow:ellipsis;
				overflow:hidden;
	
			}
			.monCompteRight table td	{
				text-overflow:ellipsis;
				overflow:hidden;
			}
	.monCompte  img {
		margin : 0;
	}
	.monCompte table.form-infos-compte {
		width: 100%;
		border-collapse: collapse;
		table-layout: fixed;
	}
	.monCompte p {
		font : 11px Arial, Helvetica, sans-serif;
		margin : 6px 0 6px 0;
		padding : 0;
	}
	
	.monCompteLeft  table.form-infos-compte th.intitule {width:50%;}
	.monCompteLeft  table.form-infos-compte th.field {width:50%;}
	.monCompteRight  table.form-infos-compte th.intitule {width:35%;}
	.monCompteRight  table.form-infos-compte th.field {width:65%;}
	
	.monCompte  td {
		font : 11px Arial, Helvetica, sans-serif;
		z-index : 1;
	}

		.monCompte  td.intitule {
			margin : 0;
			padding-right : 8px;
			text-align : right;
			font : 12px Arial, Helvetica, sans-serif;
			width:35%;
			
			overflow:hidden;
			text-overflow: ellipsis;
		}
		.monCompte  td.field { width: 65%;}
			.monCompteLeft  td.intitule {
				width: 50%;
			}
			.monCompteLeft td.field { width: 50%;}
			
			.monCompte td.field input{ padding: 0; }
			
		.monCompte td.comments {
			margin : 0;
			font : 12px Arial, Helvetica, sans-serif;
		}
			.monCompte td.comments label {
				text-align : left !important;
				display: block;
				white-space: nowrap;
				width: 120px;
			}
			.monCompte td.comments textarea {
				margin : 0;
				z-index : 1;
				width: 99%;
				display : block;
				overflow: auto;
			}

	.monCompte  select {
		display : inline;
		margin : 0;
	}
		.monCompte select.champSelect {
			margin : 0;
			z-index : 1;
		}
	.monCompte input.champTexte {
		display : inline;
		margin : 0;
		z-index : 1;
	}
	.monCompte input.checkbox {
		margin : 0;
		z-index : 1;
	}

	
.asterisque {
	vertical-align: super;	
	margin: 0 !important;
}

div.arrondi-droit-bas {
	margin : 0;
	padding : 0;
	height: 21px;
	background: #dddddd url("/images/common/arrondis/arrondi_panier4.gif") no-repeat bottom right;
	
	
}
	.infos-compte div.arrondi-droit-bas {
		margin-right: -10px;
	}
	.monCompteLeft div.arrondi-droit-bas,.monCompteRight div.arrondi-droit-bas  {
		margin-right: -10px !important;
		margin-right: -40px;
	}


div.arrondi-gauche-haut {
	margin : 0;
	padding : 0;
	height: 21px;
	background: #dddddd url("/images/common/arrondis/arrondi_panier1.gif") no-repeat top left;
}
	.infos-compte div.arrondi-gauche-haut {
		margin-left: -10px;
	}

#exemple_add_tel {
	padding-left:227px;
}
.exemple {
	color:#333333;
	font-style: italic;
}
	
#add_app_esc_etag {
	background:#EEEEEE none repeat scroll 0 0;
	border:5px solid #EEEEEE;
	border-collapse:collapse;
	margin:0 !important;
	/*width:216px;*/
	table-layout:fixed;
	
	
}
	#add_app_esc_etag td {
		padding: 0 8px;

		overflow: hidden;
	}

	
	/******/

table.tabIdCommand {
	font : 11px Arial, Helvetica, sans-serif;
	padding:10px 8px 5px 8px;
	/* Correctif pour définir le padding de la table sous IE */
	_border-left: 8px #DDDDDD solid;
	_border-right: 8px #DDDDDD solid;
	
	width:100%;
	background : #DDDDDD;
}
	.tabIdCommand {
		
	}
		.tabIdCommand tr.defaut {
			background : #EEEEEE;
		}
	
	.tabIdCommand td {
		padding:8px 0 5px 10px;
	}
		/* Résumé des commandes passées */
		table.tabIdCommand td.nbCommande {
			width : 300px;
		}
		table.tabIdCommand td.dateLivraison {
			width : 200px;
		}
		table.tabIdCommand td.facture {
			width : 180px;
		}
		
		/* Affichage des adresses de livraison */
		.tabIdCommand td.civilite {
			border-left: 4px solid #FF7300;
			
			color: #AA1054;
			padding: 3px 0 3px 10px; 
			font-size:11px;
			font-weight:bold;
		}
			.tabIdCommand tr.defaut td.civilite {
				border-left: 4px solid #AA1054;
			}
		.tabIdCommand td.adresse {
	
		}
		.tabIdCommand td.ajouter {
			background: transparent url(/images/common/puce_compterose.gif) no-repeat 2px 50%;
			_background-color: #EEEEEE;
			padding:0 0 0 15px;
			width: 65px;
		}
			#main_compte .tabIdCommand td.ajouter a {
				text-decoration: none;
			}
				#main_compte .tabIdCommand td.ajouter a:hover {
					color: #e61577;
					text-decoration: underline;
				}
		.tabIdCommand td.modifier {
			background: transparent url(/images/common/puce_compteorange.gif) no-repeat 2px  50%;
			padding:0 0 0 15px;
			width: 65px;
		}
			#main_compte .tabIdCommand td.modifier a {
				text-decoration: none;
			}
				#main_compte .tabIdCommand td.modifier a:hover {
					color: #FF7300;
					text-decoration: underline;
				}
		.tabIdCommand td.supprimer {
			background: transparent url(/images/common/puce_compteviolet.gif) no-repeat 2px  50%;
			padding:0 0 0 15px;
			width: 65px;
		}
			#main_compte .tabIdCommand td.supprimer a {
				text-decoration: none;
			}
				#main_compte .tabIdCommand td.supprimer a:hover {
					color: #AA1054;
					text-decoration: underline;
				}
	
table.tabStatutCommand {
	font : 11px Arial, Helvetica, sans-serif;
	margin : 20px 0 20px 8px;
	width : 100%;
}
	table.tabStatutCommand td.vide {
		width : 40px;
		background : #fff;
	}
	table.tabStatutCommand td.articles {
		width : 383px;
	}
	table.tabStatutCommand td.pxUnitaire {
		width : 100px;
	}
	table.tabStatutCommand td.quantite {
		width : 57px;
	}
	table.tabStatutCommand td.pxTotal {
		width : 100px;
	}
	table.tabStatutCommand td.statutCommand {
		width : 225px;
	}
	table.tabStatutCommand td.CommandLivree {
		width : 225px;
		text-align : center;
	}
	table.tabStatutCommand td.CommandLivree img {
		margin-top : 2px;
	}
	table.tabStatutCommand thead {
		background : #838383;
		color : #fff;
	}
		table.tabStatutCommand thead td {
			padding : 0 5px 0 10px;
		}
	table.tabStatutCommand td {
		border-right : 2px solid #fff;
		border-bottom : 2px solid #fff;
	}
		table.tabStatutCommand td.ssbordDroite {
			border-right : none;
		}
		table.tabStatutCommand td.ssbordBas {
			border-bottom : none;
		}
table.tabStatutCommand tbody {
background : #ddd;
}
table.tabStatutCommand tbody td img {
margin : -7px 0 1px -7px;
}
table.tabStatutCommand tbody td {
color : #000;
padding : 8px 5px 0 10px;
}
table.tabStatutCommand tbody td a {
color : #000;
}
table.tabStatutCommandPassee {
font : 11px Arial, Helvetica, sans-serif;
margin : 20px 0 20px 8px;
width : 680px;
}
table.tabStatutCommandPassee td.vide {
width : 40px;
background : #fff;
}
table.tabStatutCommandPassee td.articles {
width : 258px;
}
table.tabStatutCommandPassee td.articles_print {
width : 158px;
}
table.tabStatutCommandPassee td.pxUnitaire {
width : 100px;
}
table.tabStatutCommandPassee td.quantite {
width : 57px;
}
table.tabStatutCommandPassee td.pxTotal {
width : 100px;
}
table.tabStatutCommandPassee td.statutCommand {
width : 125px;
}
table.tabStatutCommandPassee td.CommandLivree {
width : 125px;
text-align : center;
}
table.tabStatutCommandPassee td.CommandLivree img {
margin-top : 2px;
}
table.tabStatutCommandPassee thead {
background : #838383;
color : #fff;
}
table.tabStatutCommandPassee thead td {
padding : 0 5px 0 10px;
}
table.tabStatutCommandPassee td {
border-right : 2px solid #fff;
border-bottom : 2px solid #fff;
}
table.tabStatutCommandPassee td.ssbordDroite {
border-right : none;
}
table.tabStatutCommandPassee td.ssbordBas {
border-bottom : none;
}
table.tabStatutCommandPassee tbody {
background : #ddd;
}
table.tabStatutCommandPassee tbody td img {
margin : -7px 0 1px -7px;
}
table.tabStatutCommandPassee tbody td {
color : #000;
padding : 2px 5px 0 2px;
}
table.tabStatutCommandPassee tbody td a {
color : #000;
}
div.encours {
border-left : 6px solid #ff7300;
padding : 0 0 0 12px;
margin : 0 0 0 8px;
}
div.deconnect {
border-left : 6px solid #e61577;
padding : 0 0 0 12px;
margin : 0 0 0 8px;
}
div.encours h2 {
margin : 0;
padding : 0;
font : bold 12px Arial, Helvetica, sans-serif;
color : #aa1054;
}
p#encours {
padding : 0 0 0 10px;
background : url(/images/common/puce_compteorange.gif) no-repeat 0 2px;
}
ul#deconnect {
list-style : none;
margin : 0;
padding : 0;
}
ul#deconnect li {
margin : 0;
padding : 0 0 10px 10px;
background : url(/images/common/puce_compteviolet.gif) no-repeat 0 2px;
}
ul#deconnect li.suppr {
font : 9px Arial, Helvetica, sans-serif;
}

/* Mise en forme de l'étape 2 : identification */
#coords_facturation {
	font : 11px Arial, Helvetica, sans-serif;
	margin : 0 0 19px 8px;
	background : #ddd;
}
	#nouveauClient div.coords {
		border-left : 6px solid #ff7300;
	}

	#ancienClient p, #nouveauClient p {
		font : 11px Arial, Helvetica, sans-serif;
		margin : 9px 0 0 8px;
		padding : 0 0 0 5px;
		color:black;
	}
	#nouveauClient li{
		color:black;
	}
	#nouveauClient img, #ancienClient img, #adresseLivraison img {
		margin : 0;
	}

	#ancienClient div.coords {
		border-left : 6px solid #e61577;
	}
div.coords {
	margin : 0 5px 0 12px;
	text-align : left;
	padding : 8px 0;
}


/**
 * Mise en forme du formulaire permettant de retrouver son mot de passe
 */
#form_pwdrec {
	margin: 10px;;
}
	#form_pwdrec  #ancienClient  {
		height: auto !important;
	}
/**
 * Mise en forme de l'étape 2 "identification" de la procédure d'identification 
 */


td.col_identification {
	padding: 0 10px;
	height: 200px;	
}

td.col_identification_gauche {
	width: 45%;
	padding-left:15px;
	padding-right:0px;
}

td.col_identification_droite {
	width: 55%;
	padding-left:15px;
}

td.col_identification div.coords {
	margin-bottom : 10px;
}

#nouveauClient, #ancienClient {
	height: 267px !important;
	height: 289px;
}

	#nouveauClient div.coords, #ancienClient div.coords{
		padding-right: 15px;
	}
	#nouveauClient .navButtons, #ancienClient .navButtons {
		vertical-align:  bottom;
		text-align: right;
		margin-right: 15px;
	}

#nouveauClient {
	font : 11px Arial, Helvetica, sans-serif;
	width: 100%;
	background : #ddd;
}
	#nouveauClient h2 {
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #ff7300;
	margin : 0 0 0 8px;
	padding : 5px 0 5px 5px;
}


#ancienClient {
	font : 11px Arial, Helvetica, sans-serif;
	width: 100%;
	background : #ddd;
}
	#ancienClient h2 {
		font : bold 12px Arial, Helvetica, sans-serif;
		color : #aa1054;
		margin : 0 0 0 8px;
		padding : 5px 0 5px 5px;
	}
	#ancienClient input.champTexte, #nouveauClient input.champTexte {
		margin : 0;
		z-index : 1;
	}
	#ancienClient a {
		color : #e61577;
	}


/**
 * Mise en forme du formulaire de saisie de l'adresse de facturation
 */

#adresseLivraison {
	margin : 0 0 19px 8px;
	background : #ddd;
	
}
	#adresseLivraison td {
		font : 11px Arial, Helvetica, sans-serif;
	}
	#adresseLivraison p {
		font : 11px Arial, Helvetica, sans-serif;
		margin : 6px 18px 6px 0;
		padding : 0;
	}
	#adresseLivraison input.champTexte {
		display : inline;
		margin : 0;
		z-index : 1;
	}
	#adresseLivraison select {
		display : inline;
		margin : 0;
		z-index : 1;
	}
	div.row {
		display : block;
	}
	#adresseLivraison td.intitule {
		margin : 0;
		padding-right : 8px;
		text-align : right;
		font : 12px Arial, Helvetica, sans-serif;
		width : 190px;
	}
	#adresseLivraison select.champSelect {
		margin : 0;
		z-index : 1;
	}
	#adresseLivraison input.champTexte {
		margin : 0;
		z-index : 1;
	}
	#adresseLivraison input.checkbox {
		margin : 3px 0 0 0;
		z-index : 1;
	}
	#adresseLivraison textarea.champTextarea {
		margin : 0;
		z-index : 1;
	}

	

	.stats  table.form-infos-compte th.intitule {width:5%;}
	.stats  table.form-infos-compte th.field {width:95%;}