/*
 * Message de feedback des formulaires.
 */
span.form_feedback {
	display:block;
	background-color:#ffcccc;
}
span.form_feedback ul {
	margin:5px;
	padding:20px;
}
span.form_feedback li, span.form_feedback li span {
	font-size:12px;
	font-weight:bold;
	color:red;
}

/*
 * Table qui structure les pages de compte et de commande.
 */
table.account {
	width:100%;
}
table.account tr {
	vertical-align:top;
}
	
/*
 * Titre de page.
 */
table.account th, table.account th span {
	text-align:left;
	padding-left:10px;
	padding-top:20px;
	padding-bottom:5px;
	font-size:16px;
	font-weight:bold;
	color:#006867;
}

/*
 * Cellule de base.
 */
table.account td {
	text-align:left;
}

/*
 * Cellule de libellé.
 */
table.account td.ralign {
	width:30%;
	text-align:right;
	padding-right:10px;
	white-space:nowrap;
}

/*
 * Champ de saisie.
 */
table.account input[type=text], table.account input[type=password], table.account textarea {
	width:200px;
	font-size:12px;
}

/*
 * Bouton de soumission du formulaire.
 */
table.account input.submit {
	width:200px;
	height:30px;
	margin:0;
	border:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#006867;
	background-color:transparent;
	background-image:url(../images/content/submit_button.png);
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
}

/*
 * Liste de la page d'accueil du compte.
 */
table.account ul {
	padding-left:20px;
	margin:0;
}
table.account li {
	margin-top:20px;
}
table.account li.account_mail, table.account li.account_passwd,
table.account li.account_coords, table.account li.account_comm,
table.account li.account_cart, table.account li.account_news {
	list-style: none;
}
table.account li.account_mail button, table.account li.account_passwd button,
table.account li.account_coords button, table.account li.account_comm button,
table.account li.account_cart button, table.account li.account_news button {
	width:40px;
	height:40px;
	margin:0;
	margin-right:10px;
	padding:0;
	border:0;
}
table.account li.account_mail a, table.account li.account_passwd a,
table.account li.account_coords a, table.account li.account_comm a,
table.account li.account_cart a, table.account li.account_news a {
	display:inline;
}
table.account li.account_mail p, table.account li.account_passwd p,
table.account li.account_coords p, table.account li.account_comm p,
table.account li.account_cart p, table.account li.account_news p {
	padding-left:55px;
	margin-top:0;
}
table.account li.account_mail button {
	background-image: url(../images/content/mail.png);
}
table.account li.account_passwd button {
	background-image: url(../images/content/lock.png);
}
table.account li.account_coords button {
	background-image: url(../images/content/address.png);
}
table.account li.account_comm button {
	background-image: url(../images/content/box.png);
}
table.account li.account_cart button {
	background-image: url(../images/content/cart.png);
}
table.account li.account_news button {
	background-image: url(../images/content/news.png);
}

/*
 * Asterisque.
 */
table.account span.redmark {
	font-size:12px;
	font-weight:bold;
	color:red;
}

/*
 * Adresses (Page de gestion des coordonnées).
 */
table.account div.address, table.account div.address_main, table.account div.address_add {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	background-color:#eaf7ff;
}
table.account div.address_main, table.account div.address_add {
	border:1px solid #dfdfdf;
}

/*
 * Adresses (Page de validation des coordonnées pour commande).
 */
table.account table.address_show {
	font-size:11px;
	text-align:left;
	width:90%;
	margin-bottom:5px;
	background-color:#eaf7ff;
}
table.account table.address_show td.name span {
	font-size:12px;
	font-weight:bold;
}
table.account table.address_show td.choice {
	width:10%;
}
table.account table.address_show span {
	font-size:11px;
	text-align:left;
}

/*
 * Frais de port.
 */
table.account div.shipping_input {
	border:1px solid #e1bf38;
	background-color:#fffcea;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:30px;
	width:60%;
}
table.account div.shipping_input span {
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

/*
 * Message d'erreur post-commande échouée.
 */
table.account th.error {
	text-align:left;
	padding-left:10px;
	padding-top:20px;
	padding-bottom:5px;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	color:#941800;
}
table.account td.error_feedback {
	border:1px solid #941800;
	text-align:justify;
	padding:10px;
	color:#941800;
}

/*
 * Messages d'info légales.
 */
table.account textarea.contact_msg {
	width:400px;
}
table.account p.legal {
	margin-left:10px;
}

/*
 * Processus de commande
 */
table.process_table td {
	text-align:center;
	font-size:11px;
}
table.process_table td.label_on {
	color:#006867;
}

/*
 * Table récapitulative des articles.
 */
table.account table.artrecap {
	width:80%;
}
table.artrecap tr {
	vertical-align:middle;
}

/*
 * Restauration de la largeur des inputs.
 */
table.artrecap input {
	width:auto;
}

/*
 * Titres de colonnes.
 */
table.artrecap th, table.artrecap th span {
	padding:0;
	font-size:12px;
	height:30px;
	font-style:italic;
	font-weight:bold;
	color:#ffffff;
	border-right:1px solid #006867;
	background-color:#006867;
}

/*
 * Cellules
 */
table.artrecap td {
	height:30px;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}

/*
 * Ligne sans bordure
 */
table.artrecap tr.noborder td {
	vertical-align:middle;
	border:0;
}

/*
 * Colonne libellé.
 */
table.artrecap .al {
	text-align:left;
	border-left:1px solid #dfdfdf;
}

/*
 * Colonne référence.
 */
table.artrecap .ar {
	width:75px;
	text-align:left;
}
table.artrecap .ar, table.artrecap .ar div {
	white-space:nowrap;
	overflow:hidden;
}

/*
 * Colonne dispo.
 */
table.artrecap .ad {
	width:50px;
	text-align:center;
}

/*
 * Colonne prix.
 */
table.artrecap .ap {
	width:75px;
	text-align:right;
}
table.artrecap td.ap, table.artrecap td.ap span {
	font-weight:bold;
	color:#006867;
}
table.artrecap td.ap span.ec {
	display:block;
	font-size:9px;
}

/*
 * Colonne conditionnement.
 */
table.art .ac {
	width:75px;
	text-align:center;
}

/*
 * Colonne quantité.
 */
table.artrecap .aq {
	width:40px;
	text-align:center;
}
table.artrecap .aq input {
	width:30px;
	text-align:right;
}

/*
 * Colonne ajouter l'article.
 */
table.artrecap .ai {
	width:40px;
	text-align:center;
}

/*
 * Colonne centrée.
 */
table.artrecap .ctr {
	text-align:center;
}

/*
 * Enregistrement du panier.
 */
table.account table.savecart {
	display:none;
	padding:10px;
	background-color:#fffcea;
}
table.account table.savecart td {
	font-size:12px;
}
table.account table.savecart a {
	text-decoration:underline;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#006867;
}