/**
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-account.css, 2011/11/14
 * @link	http://www.agenceici.com
 */


img.deco-cb { position:absolute; left:190px; top:-45px; width:160px; height:21px; background:url(../images/cb.png); }
img.deco-shop { position:absolute; left:380px; top:-55px; width:193px; height:41px; background:url(../images/catalog-title.png); }

a.cart { position:absolute; right:100px; top:-58px; cursor:pointer; color:#2b1a0d; font-size:11px; font-weight:bold; text-decoration:none; }
a.cart img { position:absolute; left:23px; top:0px; width:93px; height:68px; background:url(../images/menu-cart.png); }
a.cart span { position:absolute; left:30px; top:15px; width:30px; text-align:center; font-size:12px; }

.cgv { margin:15px; }
.cgv a { color:#372419; font-weight:bold; font-size:11px; }
.cgv a:hover { text-decoration:none; }

img.account-title { position:absolute; left:310px; top:-60px; width:208px; height:63px; background:url(../images/account-title.png); }


/* xhtml-page-account-login.html */
/* xhtml-page-account-lost.html */
#form-login { position:relative; margin:100px auto 0; width:359px; height:208px; }
#form-login * { color:#351e00; }
#form-login img.background { position:absolute; left:0; top:0; width:359px; height:208px; background:url(../images/account-background.png); }
#form-login img.login-title { position:absolute; left:20px; top:15px; width:149px; height:31px; background:url(../images/account-login-title-fr.png); }
#form-login img.lost-title { position:absolute; left:20px; top:15px; width:251px; height:31px; background:url(../images/account-lost-title-fr.png); }
#form-login div { position:relative; }
#form-login div.alert { width:200px; height:48px; float:right; text-align:right; padding:20px 10px 0 0; }
#form-login div.alert span { color:#e00; }
#form-login div.inputs { clear:both; width:270px; height:100px; margin:0 auto; text-align:right; }
#form-login div.inputs p { padding-bottom:10px; }
#form-login div.inputs label { padding-right:5px; }
#form-login div.inputs input.text { width:150px; border-width:1px; }
#form-login div.inputs label.lbl-remember { font-size:10px; }
#form-login div.inputs input.submit { width:73px; height:30px; background:url(../images/account-login-button.png); border:0 none; margin-left:10px; }
#form-login div.links { text-align:right; font-size:10px; padding:10px 20px;  }
#form-login div.links a { margin-left:20px; }


.account-menu { color:#80300b; font-weight:bold; padding:20px 0; }
.account-menu a { color:#80300b; text-decoration:none; }
.account-menu a:hover,
.account-menu a.active { text-decoration:underline; }

/* xhtml-page-account-edit.html */
form.form-account { position:relative; }
form.form-account .menu { height:29px; padding:16px 0 0 0; }
form.form-account .menu a { display:inline-block; color:#351e00; width:200px; text-align:center; font-size:13px; margin-left:10px; text-decoration:none; }
form.form-account label { white-space:nowrap; }
form.form-account label.label-00 { display:inline-block; padding-left:30px; }
form.form-account label.label-05 { display:inline-block; width:65px; padding-right:10px; text-align:right; }
form.form-account label.label-07 { display:inline-block; width:75px; padding-right:10px; text-align:right; }
form.form-account label.label-08 { display:inline-block; width:100px; padding-right:10px; text-align:right; }
form.form-account label.label-10 { display:inline-block; width:130px; padding-right:10px; text-align:right; }
form.form-account label.label-20 { display:inline-block; width:170px; padding-right:10px; text-align:right; }
form.form-account label.label-30 { display:inline-block; width:335px; padding-right:10px; text-align:right; }

form.form-account input.text-05 { width:70px; }
form.form-account input.text-08 { width:100px; }
form.form-account input.text-10 { width:150px; }
form.form-account input.text-20 { width:620px; margin-left:30px; }
form.form-account select.select-10 { width:100px; background:#bebdb5; border:1px solid #000; }
form.form-account select.select-20 { margin-left:20px; width:150px; background-color:#c1a868; border:1px solid #000; }

form.form-account span.star { display:inline-block; width:5px; color:#ff0000; padding:2px; }
form.form-account img.captcha { width:120px; height:25px; margin-left:10px; vertical-align:middle; }


form.form-account div.name { height:27px; padding-top:21px; }
form.form-account div.code { height:63px; padding-top:15px; }
form.form-account div.code p { padding-bottom:5px; }
form.form-account div.phone { height:27px; padding-top:7px; }
form.form-account div.address { height:86px; padding-top:15px; }
form.form-account div.address p { padding-bottom:5px; }
form.form-account div.city { height:27px; padding-top:7px; }
form.form-account div.captcha { height:27px; padding-top:15px; }
form.form-account div.buttons { position:absolute; right:30px; bottom:40px; }
form.form-account div.buttons input { font-size:12px; }
form.form-account div.star-label { position:absolute; left:55px; bottom:50px; color:#f00; font-size:11px; }


#form-new { margin-top:20px; width:683px; height:416px; background:url(../images/account-background-new.gif); }
#form-new div.star-label { bottom:25px; }
#form-edit { width:683px; height:416px; background:url(../images/account-background-edit.gif); }


/* xhtml-page-account-orders.html */
.account-orders { width:683px; height:416px; background:url(../images/account-background-orders.gif); }
.account-orders .menu { height:29px; padding:16px 0 0 0; }
.account-orders .menu a { display:inline-block; color:#351e00; width:200px; text-align:center; font-size:13px; margin-left:10px; text-decoration:none; }
.account-orders div.orders { height:360px; margin:0 10px 0 15px; overflow:auto; }
.account-orders div.orders .order { padding:10px 5px 0 5px; }
.account-orders div.orders .order p { padding:5px; background:url(../images/account-order-background.png); font-weight:bold; }
.account-orders div.orders .order p a { color:#000; }
.account-orders div.orders .order .date { color:#fff; padding-right:10px; }
.account-orders div.orders .order .order-statut--1 { color:#a00; }
.account-orders div.orders .order .order-statut-1 { }
.account-orders div.orders .order .order-statut-2 {}
.account-orders div.orders .order table { width:100%; }
.account-orders div.orders .order th { text-align:left; padding:4px 10px; white-space:nowrap; }
.account-orders div.orders .order td { padding:2px 10px; }
.account-orders div.orders .order .product { width:250px; border-right:1px solid #000; border-bottom:1px solid #000; }
.account-orders div.orders .order .quantity { border-right:1px solid #000; border-bottom:1px solid #000; }
.account-orders div.orders .order .price1 { border-right:1px solid #000; border-bottom:1px solid #000; }
.account-orders div.orders .order .priceX { border-bottom:1px solid #000; }
.account-orders div.orders .order td.price1,
.account-orders div.orders .order td.priceX { text-align:right; }
.account-orders div.orders .order .total { font-weight:bold; text-align:right; border-right:1px solid #000; }

.account-orders .account-empty { padding:20px; }