/* eCommerce Stylesheet by Anagramme */

/* *************************************************************
MAIN PIC + ZOOM POPUP
************************************************************* */

#productImage{ float: left; width: 302px; margin: 25px 1px 10px 0; display: inline;}
#productImage img{ float: none; }
#productImage .thumb{ float: left; margin: 10px 0px 0 1px; background-image: url(../images/bg/bg_product_thumb.gif); background-position: center; background-repeat: no-repeat; width: 47px; height: 47px; border: 1px solid #ccc;}

#btn_zoom{ float: left; width: 354px; height: 11px; background: url(../images/buttons/btn_zoom.gif) 0 0 no-repeat; margin: 3px 0 0 0;}
#zoom_popup .productImage{ float: right; width: 100%; margin: 0 0 10px 0; display: inline;}
#zoom_popup #previewPane{float: left; width: auto; border: none;}
#zoom_popup #previewPane img{ float: none; border: 1px solid #ccc; padding: 1px;}
#zoom_popup .thumb_zoom{ float: right; margin: 0 0 5px 0; clear: right; padding: 1px; border: 1px solid #ccc;}


/* *************************************************************
PRODUCT DETAIL
************************************************************* */
#productDetail{ width: 330px; display: inline; margin: 25px 15px 0 0; padding: 0; float: right; text-align: left;}
/*#productDetail #productInfo{ float: left; width: 310px; padding: 0; } */
#productDetail #productInfo{ float: left; width: 300px; padding: 15px 15px 5px 15px; background-color: #F7F7F7;}

#productDetail .back{ background: url(../images/icons/icon_backListing.gif) 0 5px no-repeat; padding: 0px 0 5px 10px; color: #999; text-transform: uppercase; display: inline; font-size: 60%; margin: 0 0 10px 0; float: left;}
#productDetail .back a{ color: #999;}
#productDetail .back a:hover{ color: #FF6600;}

#productDetail h2{ font-size: 140%; color: #006CBD; margin: 0 0 5px 0; padding: 0; font-style: normal; border: none;}
#productDetail h3{ color: #690; width: 100%; height: auto; margin: 15px 0 10px 0; padding: 0 0 5px 0; font-size: 90%; float: left; font-weight: normal; clear: both;}
#productDetail h4{ color: #690; margin: 0 0 10px 0; padding: 0; font-size: 100%; float: left; font-weight: bold; width: 100%; clear: both;}
#productDetail h4 span{ text-decoration: line-through; color: #999999;}
#productDetail h5{ color: #fff; background-color: #FF9900; padding: 3px 5px; float: left; display: block; margin: 0 0 10px 0; font-size: 100%;}
#productDetail h6{ color: #333; width: 90%; margin: 0 0 5px 0; padding: 0; font-size: 80%; float: left; font-weight: bold; clear: both;}


#productDetail p{ width: 100%; float: left; font-size: 75%; text-align:justify; line-height: 160%; margin: 0 0 10px 0; padding: 0; clear: both; color: #006CBD;}
#productDetail ol, #productDetail ul{ width: 100%; float: left; clear: both; list-style: none; margin: 0 0 10px 0; padding: 0;}
#productDetail ol li, #productDetail ul li{ font-size: 75%; color: #006CBD; line-height: 180%; padding: 0 0 0 12px; background: url(../images/icons/icon_category_menu.gif) 0 7px no-repeat;}
#productDetail ol li strong, #productDetail ul li.yes{ background: url(../images/icons/icon_tick.gif) 0 0 no-repeat;}
#productDetail ol li strong, #productDetail ul li.no{ background: url(../images/icons/icon_cross.gif) center right no-repeat;}
#productDetail li a{ color: #006CBD;}


/* BUY NOW FORM *******************************************/
#productDetail form{ float: left; width: 300px; clear: both; padding: 15px; margin: 0; background-color: #F0F0F0; border-top: 1px solid #fff;}
#productDetail form select{ font: 100% Arial, Helvetica, sans-serif; padding: 0; margin: 0;}
#productDetail form h2{ color: #F60; font-size: 90%; font-weight: bold;}
#productDetail form p{ margin: 0 0 5px 0; padding: 0; float: left; width: 150px; clear: left;}

#productDetail p.options{ width: 150px; clear: none;}
#productDetail label{ float: left; width: 60px;}
#productDetail .select{ float: left; margin: 0 0 5px 5px; border:1px solid #999; width:220px;}
#productDetail .smallSelect{ float: left; margin: 0 0 5px 5px; border:1px solid #999; width:80px;}

#productDetail .submit{ background: url(../images/buttons/btn_buyNow.gif) 0 0 no-repeat; border: none; width: 120px; height: 32px; cursor: pointer; float: left; margin: 5px 0 5px 0; }


/* BUTTONS *******************************************/
#productDetail .moreInfo{ float: left; margin: 5px 0 0 15px;}

#productDetail ul#buttons { margin: 0 0 10px 0; padding: 0; float: right; width: 130px; clear: none; border: 1px dotted #ccc; background: #fefefe; border-bottom: 0; list-style: none;}
#productDetail ul#buttons li{ width: 110px; white-space: nowrap; padding: 5px 10px; margin: 0; font-size: 70%; float: left; border-bottom: 1px dotted #ccc; background: none;}
#productDetail ul#buttons li a{ text-decoration: none;}
#productDetail ul#buttons li a:hover{ text-decoration: underline;}
#productDetail .pdf {background: url(../images/icons/icon_pdf_small.gif) 8px 0 no-repeat; padding: 0 15px 3px 25px; color: #F09; }

#productDetail .spin{background: url(../images/icons/icon_3d.gif) 5px 1px no-repeat; padding: 0 15px 3px 25px; color: #690; }

#productDetail .button { float: left;}
#productDetail a.envoyer{ background: url(../images/icons/icon_email_green.gif) 0 3px no-repeat; color: #690; text-decoration: none; padding: 0 0 0 25px; margin: 0 0 0 0;}
#productDetail a.envoyer:hover{background: url(../images/icons/icon_email_blue.gif) 0 6px no-repeat; color: #006CBD; text-decoration: none; float: left;}

.button {border:1px solid #808080; background:#D4D0C8; padding:4px 4px; text-decoration:none; color:#333; cursor:pointer;}
a.button {border:1px solid #808080;	background:#D4D0C8;	padding:4px 4px; text-decoration:none; color:#333; float: left; margin: 0 5px 2px 0;}
a:hover.button { background:#F4F4F4; color:#000;}


/* *************************************************************
PROMO BLOCKS - WHY CREATE AN ACCOUNT / CONTACT
************************************************************* */
#promoBlock{ float: right; width: 235px; margin: 0 15px 0 0; padding: 0 0 10px 20px; border-left: 1px dotted #FC0;}
#promoBlock h2{ color: #005CB6; font-size: 100%; font-weight: normal; margin: 10px 0 5px 0; float: left; width: 235px;}
#promoBlock p{color: #09F; font-size: 75%; line-height: 150%; clear: both; padding: 0; margin: 0 0 10px 0; float: left; width: 235px;}
#promoBlock ul{ float: left; margin: 0 0 20px 0; padding: 0; list-style: none; clear: both;}
#promoBlock li{ color: #09F; font-size: 75%; line-height: 180%; padding: 0 0 0 10px; margin: 0; background: url(../images/icons/icon_arrow-blue.gif) 0 7px no-repeat; width: 200px;}
#promoBlock li a{ color: #09F;}
#promoBlock dl{font-size: 75%; clear: both; padding: 0 0 30px 0; margin: 0;}
#promoBlock dt{float: left; width: 50px; margin: 0 0 5px 0; padding: 0; color: #09F;}
#promoBlock dd{float: left; width: 170px; margin: 0 10px 5px 0; padding: 0; color: #005CB6;}
#promoBlock dd span{float: right;}


/* *************************************************************
RESELLERS PAGE
************************************************************* */
#contentBodyWrap #resellers form { clear: both; margin: 10px 0 0 0; float: left; width: 100%; padding: 0;}
#contentBodyWrap #resellers form p{padding:0; line-height: 200%; margin: 0; float: left; width: 100%;}
#contentBodyWrap #resellers legend{ width: auto; color: #3399FF; font-size: 120%; font-weight: normal; padding: 0 10px 10px 10px; margin: 0; float: left;}
#contentBodyWrap #resellers fieldset{ width: 720px; color: #3399FF; border: 1px solid #ccc; float: left; clear: both; margin: 0 0 20px 0; padding: 0 10px 10px 10px; display: inline;}
#contentBodyWrap #resellers label{ width: 155px; float: left;}
#contentBodyWrap #resellers .submit{ margin: 0 0 10px 0;}
#contentBodyWrap #resellers .reset{ margin: 10px 10px 10px 0;}
#contentBodyWrap #resellers p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}
#contentBodyWrap #resellers .text { width: 556px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contentBodyWrap #resellers .textTva { width: 205px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contentBodyWrap #resellers .textTable { width: 100px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contentBodyWrap #resellers .smallText { width: 175px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contentBodyWrap #resellers .banque { width: 60px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contentBodyWrap #resellers .numeroBanque { width: 100px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contentBodyWrap #resellers form textarea { font: 110% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 238px; height: 100px;}
#contentBodyWrap #resellers td{ border:none;}
#contentBodyWrap #resellers tr{ border:none;}


/* *************************************************************
RESELLERS EMAIL PAGE
************************************************************* */
#resellers form { clear: both; margin: 10px 0 0 0; float: left; width: 740px;}
#resellers form p{width: 600px; line-height: 200%; margin: 0; float: left;}
#resellers legend{ color: #3399FF; font-size: 14px; font-weight: normal; padding: 0 10px 10px 10px; margin: 0;}
#resellers label{ width: 155px; float: left;}
#resellers .submit{ margin: 0 0 10px 0;}
#resellers .reset{ margin: 10px 10px 10px 0;}
#resellers p{ color: #666; font-size: 11px; margin: 0 0 10px 0; padding: 0; width: 100%; clear: both; line-height: 180%;}
#resellers p.footnote{ font-size: 10px; color: #999999; margin: 20px 0 0 0;}
#resellers .text { width: 200px; font-size: 11px; padding: 2px; border:1px solid #CCCCCC;}
#resellers .textTva { width: 100px; font-size: 11px; padding: 2px; border:1px solid #CCCCCC;}
#resellers .textTable { width: 100px; font-size: 11px; padding: 2px; border:1px solid #CCCCCC;}
#resellers .smallText { width: 175px; font-size: 11px; padding: 2px; border:1px solid #CCCCCC;}
#resellers .banque { width: 60px; font-size: 11px; padding: 2px; border:1px solid #CCCCCC;}
#resellers .numeroBanque { width: 100px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#resellers form textarea { font: 110% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 238px; height: 100px;}
#resellers td{ border:none;}
#resellers tr{ border:none;}
#resellers th {font-weight: bold; height: 3em; background: #fff url(../images/bg/th_bg.jpg) 0 0 repeat-x; padding: 0 5px 0 5px; font-size: 11px;}
#resellers td{ color: #000; padding: 5px; border: 1px solid #ccc;font-size: 11px;}
#resellers tr a{ color: #CC6600; text-decoration: underline;}
#resellers tr a:hover{ color: #FF9428; text-decoration: underline;}


/* *************************************************************
COUPON  
************************************************************* */
/* COUPON  */
#coupon_description{ float: left; width: 260px; background: #FEF5D8; border: 1px solid #FC0; padding: 10px; margin: 0 15px 15px 0;}
#coupon_description h2{ font-size: 80%; color: #F30; margin: 0 0 5px 0px; padding: 0; float: left; font-weight: bold;}
#coupon_description h2 span{ font-weight: normal; font-size: 80%;}
#coupon_description h3{ font-size: 75%; color: #F60; margin: 5px 0 5px 0; padding: 0; float: left; font-weight: bold;}
#coupon_description p { margin: 0 0 4px 0; float: left; font-size: 70%; color: #333333; clear: both; width: 260px;}
#coupon_description p span{ font-weight: normal; margin: 4px 5px 0 0;}
#coupon_description input, #coupon_description span{ float: left; }
#coupon_description input{ margin: 1px 5px 0 0; width: 80px;}
#coupon_description a.deleteVoucher{ float: right; color: #000; font-size: 60%; background: url(../images/icons/icon_delete_box.gif) 0 0 no-repeat;margin: 0 10px 0 0; padding: 0 0 0 17px;}
#coupon_description a.deleteVoucher:hover{ color: #F30;}
#coupon_description a.create_account{ font-size: 100%; color: #F30;}
#coupon_description a.create_account:hover{ color:#C14E00;}


/* *************************************************************
IMAGES ROLLOVER
************************************************************* */
.imageRollover{background: #FFFFFF url(../images/img_load.gif) center 90px no-repeat; border: 1px solid #666; overflow: auto; padding: 0 0 0 0;}
.imageRollover img{ padding: 1px 0 1px 1px; border-bottom: 1px solid #666; float: left; clear: both;}
.imageRollover h2{ font-size: 75%; color: #3399FF; margin: 5px 0 5px 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}
.imageRollover p{ font-size: 70%; color: #666; margin: 0 0 0 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}


/* *************************************************************
CHANGE PASSWORD & FORGOTTEN PASSWORD 
/* **************************************************************/
#changePassword, #forgot{ float: right; width: 560px; margin: 0 15px 20px 0; display: inline; text-align: left;}
#changePassword h2, #forgot h2{ font-size: 120%; color: #669900; font-weight: normal; float: left; margin: 0; padding: 0 0 0 25px; background: url(../images/icons/icon_arrow_bigGreen.gif) 0 5px no-repeat;}
#changePassword .lines, #forgot .lines{ border-top: 1px solid #99CC00; border-bottom: 1px solid #CCE57F; height: 1px; width: 100%; float: left; margin: 5px 0 25px 0; font-size: 0; clear: both;}
#changePassword form p, #forgot p{ float: left; width: 500px; font-size:70%; margin: 0 0 0 15px; padding: 0; line-height: 220%; display: inline; clear: both;}
#changePassword form label{ width: 200px; float: left}
#changePassword form .text{ width: 125px; font-size: 90%;}

#forgot form label{ width: 100px; float: left}
#forgot form .text { width: 200px; font-size: 90%;}


/* *************************************************************
CHECKOUT / BASKET
************************************************************* */
#contentBodyWrap .intro{ width: 450px; float: left; clear: left; margin-right: 0;}
#contentBodyWrap .freeShipping{width: 200px; float: right; text-align: left; padding: 10px 10px 10px 50px; margin: 0; background: #fff url(../images/icons/icon_freeShipping.jpg) 2px 2px no-repeat;; color: #FF6600; font-size: 90%; font-weight: bold; clear: none;}
#contentBodyWrap .freeShipping span{font-size: 120%; font-weight: bold;}

#contentBodyWrap table{ float: left; font-size: 70%; color: #000; width: 100%; margin: 0 0 20px 0; border-collapse: collapse;}
#contentBodyWrap th {font-weight: bold; height: 3em; background: #FEF0C0 url(../images/bg/bg_th.jpg) 0 0 repeat-x; padding: 0 5px 0 5px; font-size: 100%; border: 1px solid #F9C163; color: #F30;}
#contentBodyWrap td{ color: #000; padding: 5px; border: 1px solid #F9C163;}
#contentBodyWrap tr a{ color: #FF6600; text-decoration: underline;}
#contentBodyWrap tr a:hover{ color: #000000; text-decoration: underline;}

#contentBodyWrap td img{ padding: 0 3px 0 0;}

#contentBodyWrap .bg{ background-color: #FFF7DD;}
#contentBodyWrap .bg2{ background-color: #FEF0C0;}
#contentBodyWrap .end{ background: url(../images/bg/table_line.gif) 0px 5px repeat-x; height: 10px;}
#contentBodyWrap .end td{ border: none;}

#panierOptions{ float: left; width: 350px;}

table#shopping_cart{ width: 638px; float: left; margin-top: 10px;}
table#shopping_cart td{font-size: 120%; color: #900;}
table#shopping_cart td a{}

#security{ float: left; width: 280px; clear: left;} /* border: 1px solid #ccc; background-color: #fff; */
#security2{ float: right; width: 280px; clear: left; margin: 0 15px 0 0;}
#security p, #security2 p{ font-size: 70%; line-height: 140%; margin: 0 0 10px 0; padding: 0; float: left; width: 280px;}


/***********************************
CHECKOUT COMMENTS
/*********************************** */
#checkout_comments{ float: right; width: 300px;}
#checkout_comments h3{ font-size: 90%; float: left; margin: 0 0 5px 0; padding: 0; color: #F60; clear: both; font-weight: normal;}
#checkout_comments textarea{ float: left; width: 280px; height: 100px; font: 90% Arial, Helvetica, sans-serif;}


/* PANIER TOTAL DIV */
#panierTotal{ float: right; width: 336px; clear: right; margin: 0 15px 10px 0; border: 1px solid #FC0; padding: 1px;}
#panierTotal table{ margin: 0; width: 336px;}

#panierTotal select { font-size: 80%; width: 180px; margin: 0 0 2px 0; border: 1px solid #FC0;}
#panierTotal th{ background: #F90; color: #fff; font-size: 120%; height: 2.5em; text-transform: uppercase; font-weight: normal; display: none;}

#panierTotal td{ border: none;}
#panierTotal td..ht, 
#panierTotal td.htPrice{ font-weight: bold;}

#panierTotal td.livraison,
#panierTotal td.ht, 
#panierTotal td.frais, 
#panierTotal td.tva{ background-color: #FFF2CC; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

#panierTotal td..ht { font-weight: bold;}
#panierTotal td.livraisonOption, 
#panierTotal td.htPrice, 
#panierTotal td.fraisPrice, 
#panierTotal td.tvaPrice{ background-color: #FFE79D; font-size: 130%; border-bottom: 1px solid #fff;}

#panierTotal td.frais, 
#panierTotal td.fraisPrice{ color: #F60;}

.htPrice{ color: #000;}
.tva, .tvaPrice{}
#panierTotal td.total, 
#panierTotal td.totalPrice{ font-size: 140%; padding: 5px 5px 5px 0; color: #fff; background-color:#F90;}
#panierTotal td.totalPrice {color: #fff; font-size: 160%; border-left: 1px solid #fff; font-weight: normal;}


/* CONTINUE BUTTONS */
#contentBodyWrap a.continue,#contentBodyWrap2 a.continue { font-size: 80%; color: #000; background:url(../images/icons/icon_arrow-box.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; margin: 0 25px 0 0;}
#contentBodyWrap a.continue:hover,#contentBodyWrap2 a.continue:hover{ color: #FF6600;}

#contentBodyWrap a.return,#contentBodyWrap2 a.return{ font-size: 80%; color: #000; background:url(../images/icons/icon_arrow-back.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; margin: 0 25px 0 0;}
#contentBodyWrap a.return:hover,#contentBodyWrap2 a.return:hover{ color: #FF6600;}


/* PLUS AND MINUS BUTTONS IN BASKET */
.cartQuantity { float: left; margin: 0 0 0 10px; display: inline; width: 20px;}
.cartButtons{float: left; width: 10px; margin: 0 0 0 5px; display: inline;}
.btn_plus, .btn_minus{ border: 0; width: 10px; height: 10px; float: left; clear: both; cursor: pointer;}
.btn_plus{ background: url(../images/icons/icon_plus_cart.gif) 0 0 no-repeat;}
.btn_minus{background: url(../images/icons/icon_minus_cart.gif) 0 0 no-repeat; margin: 2px 0 0 0;}

/* BUTTON UPDATE */
.btn_updateCart{ background: url(../images/buttons/btn_updateCart.png) 0 0 no-repeat; border: 0; width: 145px; height: 32px; float: right; margin: 0 10px 0 0; cursor: pointer;}

/* SUBSCRIPTION */
#subscription { float: left; width: 400px; margin: 10px 0 0 30px; display: inline; text-align: left;}

/* Form Title */
#subscription .subTitle { font-size: 100%; background: url(../images/icons/icon_arrow_smallGreen.gif) 0 3px no-repeat; margin: 30px 0 3px 0; padding: 0 0 7px 17px; border-bottom: 1px solid #CCE57F;}


/* ***********************************
LOGIN + JOIN 
************************************** */
#login, #join{ margin: 0 0 30px 0; float: left; width: 100%; clear: both;}
#login h2, #join h2{ font-size: 150%; color: #FF9900; font-weight: normal; padding: 0 0 10px 0; margin: 0 0 20px 0; float: left; width: 100%; letter-spacing: -0.05em; background: url(../images/bg/title_lines.gif) bottom left repeat-x; font-style: italic;}

#join p, #login p{ width: 100%;}

/* Form */
#subscription form h3{background-position: 0 2px; margin: 15px 0 5px 0; display: inline; font-size: 90%;}
#subscription p {font-size: 75%; margin: 0 0 10px 0; padding: 0; line-height: 180%;}
#subscription p.options{ width: 421px; margin: 5px 0 10px 0; display: inline;}
#subscription p.options3{ width: 500px; margin: 5px 0 10px 0; display: inline;}
#subscription p.options input, #subscription p.options3 input{ margin: 0 5px 0 15px;}
#subscription .options2 p{ width: 190px;}
#subscription .options2 label{ width: 40px;}
#subscription form .text { width: 250px; font-size: 90%; height:15px; border:1px solid #CCCCCC;}
#subscription form .loginText { width: 150px; font-size: 90%; height:15px; border:1px solid #CCCCCC;}
#subscription form label{ width: 160px; float: left}
#subscription form textarea { font: 110% Arial, Helvetica, sans-serif; width: 520px; height: 100px;}
#subscription form .submit { background: url(../images/buttons/btn_envoyer.gif) 0 0 no-repeat; border: none; width: 100px; height: 25px; cursor: pointer; margin: 0;}
#subscription form .submit:hover{background: url(../images/buttons/btn_envoyer.gif) 1px 1px no-repeat;}
#subscription form .forgot { line-height: 120%; margin: 5px 0 0 0; font-size: 65%;}
#subscription p a{ color: #999999;}
#subscription .validate { background: url(../images/buttons/btn_validerDemande.gif) 0 0 no-repeat; width: 212px; height: 25px; cursor: pointer; border: none;}
#subscription .validate:hover{background: url(../images/buttons/btn_validerDemande.gif) 1px 1px no-repeat;}
form .selectReportages { width: 200px; font-size: 90%; height:20px; border:1px solid #CCCCCC;}


/* *************************************************************
SPONSORSHIP MEMBER AREA
************************************************************* */
#contentBodyWrap .sponsorTotalPrice{font-size: 160%; border-bottom: 4px solid #ccc; padding: 8px 5px 5px 0; background-color: #F8F8F8;}
#contentBodyWrap .sponsorTotal, #contentBodyWrap .sponsorTotalPrice{ font-size: 160%; border-bottom: 4px solid #ccc; padding: 8px 5px 5px 0;}
#contentBodyWrap .sponsorTotalPrice{color: #FF6600; font-size: 220%;}
#contentBodyWrap .noBorderTable{ border: none;}

#sponsorWrap{ float: left; width: auto; background: #FFF7DD; border: 1px solid #F9CA19; padding: 15px 15px 15px 15px; margin: 0 0 30px 0;}
#contentBodyWrap #sponsorWrap h2{ margin: 0; padding: 0; font-weight: normal; color: #F90;}
#contentBodyWrap #sponsorWrap h3{ margin: 0; padding: 0; font-weight: normal; color: #F90;}
#contentBodyWrap #sponsorWrap p { font-size: 90%; line-height: 160%; margin: 0; padding: 0;}


/* *************************************************************
DELIVERY AND BILLING BLOCKS
************************************************************* */
#deliveryAdd, #billingAdd{width: 305px; border: 1px solid #FC0; height:auto; padding: 0 0 5px 0; display: inline; text-align: left; margin: 0 15px 20px 0;}
#billingAdd { background-color: #FFF7DD; float: left;}
#deliveryAdd{ background-color: #fff; float: right;}
#deliveryAdd h2, #billingAdd h2{font-size: 80%; font-weight: bold; color: #F60; background: #FEF0C0 url(../images/bg/bg_th.jpg) 0 0 repeat-x; padding: 8px 10px; margin: 0 0 5px 0; border-bottom: 1px solid #FC0; float: left; width: 285px;}

#deliveryAdd h2 a{font-weight: normal; text-decoration: none; margin-left: 10px; color: #000; text-transform: uppercase; font-size: 70%;}
#deliveryAdd h2 a:hover, #billingAdd h2 a:hover{text-decoration: underline;}

/*FORM */
#deliveryAdd form, #billingAdd form { clear: both; margin: 0; float: left; width: 100%;}
#deliveryAdd p, #billingAdd p{width: 295px; line-height: 200%; margin: 0 0 0px 10px; display: inline; float: left; padding: 0; font-size: 70%; color: #EA7500;}

#deliveryAdd label,#billingAdd label{ width: 80px; float: left;}
#deliveryAdd .submit,#billingAdd .submit{ margin: 0 0 10px 0;}
#deliveryAdd .reset,#billingAdd .reset{ margin: 10px 10px 10px 0;}
#deliveryAdd p.footnote,#billingAdd p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}
#deliveryAdd .text, #billingAdd .text{ width: 190px; font: 100% Arial, Helvetica, sans-serif; padding: 2px; border:1px solid #CCCCCC;}
#deliveryAdd form textarea,#billingAdd form textarea { font: 110% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 290px; height: 100px;}

#paymentList { float: left; width: 340px; }
#paymentList p{ font-size: 70%; float: left; margin: 0; padding: 0;}
#paymentList h3{ font-size: 90%; float: left; margin: 20px 0 5px 0; padding: 0; color: #F60; clear: both;}
#contentBodyWrap #paymentList ul{ list-style: none; width: 320px; margin: 10px 0; float: left; padding: 5px; background-color: #FFFFCA; border: 1px solid #FC0;}
#contentBodyWrap #paymentList li{ background: none; margin: 0; padding: 0; font-size: 75%; line-height: 150%; color: #F30;}
#contentBodyWrap #paymentList textarea{ width: 300px; height: 100px; font: 100% Arial, Helvetica, sans-serif;}


/* CHECKOUT BUTTONS */
.checkoutButtons{float: right; text-align: right; margin: 10px 15px 0 0; padding: 0; width: 600px;}
.btn_checkout{ float: right; margin: 0; padding: 0;}
#contentBodyWrap a.continue { color: #000; background:url(../images/icons/icon_arrow-box.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#contentBodyWrap a.continue:hover{ color: #FF6600;}
#contentBodyWrap a.return{ color: #000; background:url(../images/icons/icon_arrow-back.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 90%;}
#contentBodyWrap a.return:hover{ color: #E34000;}

#contentBodyWrap .checkoutButtons a.return{font-size: 70%; margin: 10px 25px 0 0; float: right;}


/* *************************************************************
ACCOUNT AREA
************************************************************* */
#account{margin: 0; text-align: left; width: 340px; float: left; text-align: left; display: inline;}
#account h2{ font-size: 120%; color: #F90; clear: both; float: left; width: 100%; font-weight: normal; margin: -10px 0 10px 0; padding: 0;}
h1 a.back{ float: right; font-size: 45%; font-style: normal; letter-spacing: normal; color: #000; background:url(../images/icons/icon_arrow-back.gif) 0 0px no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; margin: 8px 0 0 0;}

#account p { margin: 0 0 10px 0; width: 340px;}
#account p a{ color: #FF6600; text-decoration: underline;}
#account p a:hover{ color: #000; text-decoration: underline; border: none;}

#account form{ float: left; margin: 0 0 10px 0; padding: 0;}
#account form p{ font-size: 70%; line-height: 200%; margin-bottom: 3px;}
#account .text{width: 200px; color: #000; border: 1px solid #F90; font-size: 110%; padding: 2px; font: 110%;}
#account textarea{width: 200px; font-size: 100%; color: #666; font-family: Arial, Helvetica, sans-serif;}

#account p label{width: 125px; float: left;}
#account select{ padding: 0; border: 1px solid #F90; font: 110% Arial, Helvetica, sans-serif;}
#account #reset{float: right; margin-right: 30px;}
#account dl{font-size: 75%; clear: both; padding: 0 0 30px 0; color:#333333;}
#account dt{float: left; width: 150px; margin: 0 0 5px 0; padding: 0;}
#account dd{float: left; width: 110px; margin: 0 10px 5px 0; padding: 0;}
#account dd span{float: right;}

tr:hover{ background-color: #fff;}

#account ul { list-style: none; margin: 0; padding: 0;}
#account li{padding: 0 0 0 20px; margin: 0; height: 2em; background: url(../images/icon_accountList.gif) 0 5px no-repeat; color: #666;}

#account .footnote{ font-size: 60%; color: #999; line-height: 100%;}

#account img{ float: left;}
#account a.password{ float: left; margin: 0 0 0 10px; display: block; width: 100px; line-height: 110%; text-decoration: none;}
#account a.password:hover{ text-decoration: none;}

.line-separator{ width: 100%; border-bottom: 1px dotted #F90; clear: both; float: left; margin: 20px 0; height: 1px; font-size: 0;}


/* *************************************************************
ORDER HISTORY
************************************************************* */
table#order_history{ width: 638px;}
table#order_history td.amount a{ color: #900;}


/* *************************************************************
ACCOUNT LIST
************************************************************* */
#accountList a{ color: #F60; text-decoration: none;}
#accountList a:hover{ color: #FF6600; text-decoration: underline;}
#accountList ul{ clear: both; padding: 0; margin: 0 0 20px 0;}
#accountList li{ padding: 0 0 0 30px; line-height: 210%; list-style: none; font-size: 80%;}
#accountList .orders{ background: url(../images/icons/icon_orders.gif) 3px 6px no-repeat;}
#accountList .pass{ background: url(../images/icons/icon_pass.gif) 0 8px no-repeat;}
#accountList .param{ background: url(../images/icons/icon_param.gif) 0 6px no-repeat;}
#accountList .logout{ background: url(../images/icons/icon_logout.gif) 0 8px no-repeat;}
#accountList .admin{ background: url(../images/icons/icon_admin.gif) 0 7px no-repeat; padding-left: 35px; font-size: 80%;}
#accountList .admin a{ font-weight: bold;}


/* *************************************************************
GOD FATHER / PARRAIN 
************************************************************* */
#alertGodFather{ float: left; margin: 10px 0 20px 0; padding: 10px; width: 300px; background-color: #FEE8BA; border: 1px solid #FC0;}
#alertGodFather h2 { color: #F30; margin: 0 0 3px 0; padding: 0; font-weight: bold; font-size: 75%; width: 100%;}
#alertGodFather p { color: #000; width: 100%;}
#account #alertGodFather label{ width: 120px;}
#account #alertGodFather .text{ width: 170px;}


/* *************************************************************
ALERT BOX
************************************************************* */
#alertBoxCart, #alertBox{padding: 10px 0; margin: 0 0 10px 0; background: #FF7E28 url(../images/bg/bg_alertBox.jpg) 0 0 repeat-x; width: 100%; text-align: left; float: left; border: 1px solid #F06101;}
#alertBox h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #F30; border: none;}
#alertBox p, #alertBoxCart p{color: #fff; font-size: 75%; padding: 0; margin: 0 10px; line-height: 180%; clear: none; width: auto;}
#alertBox p a{color:#FF0;}
#alertBox p a:hover{color: #fff;}

#panierTotal #alertBox{ margin: 0 0 1px 0; border: none;}

#alertBoxCart{ margin: 0 0 200px 0; width: 635px; clear: both;}

#productDetail #alertBox{padding: 10px; margin: 0 0 10px 0; width: 280px; float: left;}
#productDetail #alertBox p{font-size: 70%; padding: 0; margin: 0; line-height: 100%; width: 100%; text-align: left;}

#alertBox table{border-collapse: collapse; width: 70%; margin: 15px 0 0 15px; border:1px solid #999999;}
#alertBox td, #alertBox th{ height: 3em; padding: 5px; border: none; background: none;}
#alertBox th{background-color:#fff; color:#333;}
#alertBox td{background-color:#FFF; color:#333;}
#alertBox th a{color:#333; text-decoration:none;}

#alertBoxError{padding: 10px 0; margin: 10px 0 20px 0; background-color: #CA0211; width: 640px; text-align: left; float: left; color:#FFF;}
#alertBoxError p{ color: #FFF; font-size:75%;padding: 0; margin: 0 0 0 10px; line-height: 180%; clear: none; width: auto;}
#alertBoxError h2{  margin: 0 0 0 10px; padding: 0; font-size: 80%; font-weight: bold; color: #FFF; border: none;}

.error{ color:#FF0000; font-weight:700; font-size:90%; text-decoration:blink;}


/* *************************************************************
Breadcrumb
************************************************************* */
#breadcrumb p{font-size: 70%; color: #996600; margin: 5px 0 10px 0; padding: 0; text-align:left; }
#breadcrumb p a{color: #FF6600;}
#breadcrumb p a:hover{ color: #669900;}


/* *************************************************************
PROCESSING PAGE
************************************************************* */
#processingWrap{ width: 420px; height: auto; left: 50%; top: 50%; margin: -140px 0 0 -210px; position: absolute; background: #fff url(../images/shape/shape_loadingBar_bg.gif) 0 0 repeat-y; }
#processingBody{ width: 355px; float: left; margin: 0 0 0 15px; padding: 10px 15px 0 20px; display: inline; text-align: center;}
#processingBody h1{ float: left; display: inline; clear: both; margin: 10px 0 5px 20px; padding: 0; font-size: 100%; font-weight: bold; color: #B30000; display: inline;}
#processingBody p{margin: 0 0 5px 0; padding: 0; font-size: 75%; clear: both; display: inline; line-height: 200%; width: 300px; text-align: center;}
#processingWrap img{ float: left;}
#processingBody img{ float: none;}
#processingBody .bar{ margin: 20px 0 0 0;}
#processingBody .back{ background: url(../images/icons/icon_arrow-back.gif) 0 0 no-repeat; padding: 1px 0 5px 20px; color: #FF6600; text-transform: uppercase; display: inline}


/* *************************************************************
BUTTONS
************************************************************* */
.button { height: 27px; 0 0 no-repeat; border: none; color: #fff; font-size: 120%; font-weight: bold; float: left; cursor: pointer; padding: 0 0 0 20px; text-transform: uppercase;}

.login{ width: 95px; background: url(../images/buttons/btn_login.png) 0 0 no-repeat;}
.createAccount{ width: 95px; background: url(../images/buttons/btn_createAccount.png) 0 0 no-repeat;}