/* *************************************************************
PRODUCT LISTING
************************************************************* */
#product_list{ float: right; width: 720px; margin: 30px 0 0 0; }
.productWrap{ float: left; width: 216px; text-align: center; display: block; margin: 0 30px 30px 0; }
.productWrap.last{ margin-right: 0; }

.productWrap img{ float: left; }
.product{ float: left; background: #E7EBF0; border-left: 1px solid #E1E5E9; border-right: 1px solid #E1E5E9; width: 214px; padding: 0 0 10px 0; }
.product .img_wrap{ background: #fff; float: left; width: 202px; padding: 2px; margin: 0 0 0 4px; display: inline; }
.product .img_wrap .img{ float: left; background-position: center; background-repeat: no-repeat; width: 202px; height: 202px; }

.productWrap .product_cart{ position: relative; margin: -35px 0 10px 0; float: left; text-align: center; background: url(../images/icons/icon_product_cart.png) top center no-repeat; width: 216px; height: 62px; }

.productWrap p{ color: #525D6A; margin: 0; padding: 0; font-size: 75%; }

.productWrap .price_wrap{ float: left; width: 190px; height: 36px; background: url(../images/bg/bg_product_price.png) 0 0 no-repeat; margin: 10px 0 0 12px; display: inline; }
.productWrap .price_wrap h2{ font-family: 'open_sansbold'; font-size: 130%; float: right; margin: 5px 10px 0 0; color: #46525F; }
.productWrap .price_wrap h3{ font-family: 'open_sansregular'; font-size: 100%; text-decoration: line-through; float: left; margin: 8px 0 0 12px; color: #999; font-weight: normal; }

.productWrap:hover .product_cart{ background-position: center -62px;}
.productWrap:hover .product .img_wrap{ background: #CAD2D9; }


/* *************************************************************
CATEGORIES
************************************************************* */
#categories_list{ float: left; width: 970px; padding: 0 0px 0 0; margin: 10px 0 0 0; }
.categorieWrap{ float: left; width: 216px; text-align: center; display: block; margin: 0 30px 30px 0; }
.categorieWrap.last{ margin: 0; }

.categorieWrap img{ float: left; }
.categorie{ float: left; background: #E7EBF0; border-left: 1px solid #E1E5E9; border-right: 1px solid #E1E5E9; width: 214px; padding: 0 0 10px 0; }
.categorie .img_wrap{ background: #fff; float: left; width: 202px; padding: 2px; margin: 0 0 0 4px; display: inline; }
.categorie .img_wrap .img{ float: left; background-size: auto 200px; background-position: center; background-repeat: no-repeat; width: 202px; height: 202px; }

.categorieWrap .product_cart{ position: relative; margin: -35px 0 10px 0; float: left; text-align: center; background: url(../images/icons/icon_product_view.png) top center no-repeat; width: 216px; height: 62px; }

.categorieWrap p{ color: #525D6A; margin: 0; padding: 0; font-size: 75%; }

.categorieWrap .price_wrap{ float: left; width: 190px; height: 36px; background: url(../images/bg/bg_product_price.png) 0 0 no-repeat; margin: 10px 0 0 12px; display: inline; }

.categorieWrap:hover .product_cart{ background-position: center -62px;}
.categorieWrap:hover .categorie .img_wrap{ background: #CAD2D9; }


/* *************************************************************
PRODUCT IMAGE + ZOOM POPUP
************************************************************* */
#productImage{ float: left; width: 360px; margin: 0; display: inline; }
#productImage img{ float: none; }
#photo_gallery_wrap .thumb{ float: left; margin: 0px 5px 0 0; background-image: url(../images/bg/bg_product_thumb.gif); background-position: center; background-repeat: no-repeat; width: 85px; height: 85px; }
ul#thumblist{display:block; margin: 0; padding: 0;}
ul#thumblist li{float:left; margin-right: 2px; list-style:none; margin: 0; padding: 0; }
ul#thumblist li a{display:block; }
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}

#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{ float: left; width: 100%; margin: 20px 0 0 0;}

#productDetail #productInfo{ float: right; width: 580px; }
#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;}

#productInfo h2{ font-family: 'open_sansregular'; font-weight: normal; float: left; font-size: 120%; width: 100%; margin: 20px 0 0 0; padding: 0; color: #5F6C83; }
#productInfo h2 span{ float: right; width: auto; white-space: nowrap; background: url(../images/bg/bg_new.png) top right repeat-x; padding: 0px 5px 0 0; margin: 0px 0 5px 0; font-size: 75%; color: #fff; }
#productInfo h2 span img{ float: left; margin: 0px 0 0 0; padding: 0 3px 0 0; }
#productInfo h3{ float: left; font-size: 100%; width: 100%; margin: 0 0 0 0; padding: 0; color: #5F6C83; }

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


/* BUY NOW FORM *******************************************/
#productDetail form{ float: right; width: 100%; margin: 0 0 0 0; padding: 0; }
#productDetail #options{padding: 10px 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 0 0 20px 0; }
#productDetail form select{ font: 100% Georgia, "Times New Roman", Times, serif; padding: 2px; margin: 0; border:1px solid #DEDEDE; color: #6B7D92; }
#productDetail form p{ margin: 0 20px 0 0; padding: 0; float: left; font-size: 75%; color: #6B7D92; text-transform: uppercase; width: auto; white-space: nowrap; clear: none; }

#productDetail form p label{ float: left; width: auto; margin: 4px 5px 0 0;}

#productDetail .btn_add-to-cart{ width: 142px; height: 25px; background: url(../images/bg/bg_button.png) 0 0 no-repeat; font: 75% Georgia, "Times New Roman", Times, serif; font-weight: bold; float: right; text-align: center; color: #000; text-decoration: none; padding: 0 0 0 0; margin: 10px 0 0 0; border: none; cursor: pointer; }
#productDetail .btn_add-to-cart:hover{ color: #7B6635; }

#submit_btn{ 
background: rgb(218,203,168); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhY2JhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2EyNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  rgb(218,203,168) 0%, rgb(179,162,117) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(218,203,168)), color-stop(100%,rgb(179,162,117))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* IE10+ */

background: linear-gradient(to right,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacba8', endColorstr='#b3a275',GradientType=1 ); /* IE6-8 */
}
#submit_btn input{ 
background: rgb(218,203,168); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhY2JhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2EyNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  rgb(218,203,168) 0%, rgb(179,162,117) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(218,203,168)), color-stop(100%,rgb(179,162,117))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* IE10+ */

background: linear-gradient(to right,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacba8', endColorstr='#b3a275',GradientType=1 ); /* IE6-8 */

padding: 0 25px 0 40px; margin: 0; border: none; float: left;  height: 33px; vertical-align: middle; font-family: 'arvo'; font-size: 18px; text-transform: uppercase; color: #fff; vertical-align: middle; cursor: pointer; }

#submit_btn:hover,#submit_btn input:hover{ 
background: #b3a275; /* Old browsers */

background: -moz-linear-gradient(top,  #b3a275 0%, #dacba8 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3a275), color-stop(99%,#dacba8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #b3a275 0%,#dacba8 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #b3a275 0%,#dacba8 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #b3a275 0%,#dacba8 99%); /* IE10+ */

background: linear-gradient(to bottom,  #b3a275 0%,#dacba8 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3a275', endColorstr='#dacba8',GradientType=0 ); /* IE6-9 */

}#submit_btn span{ width: auto; padding:10px 30px; float: left; margin: 0 0 0 3px; }


/* BUTTONS *******************************************/
#productDetail h3.price{ float: right; text-align: right; width: 145px; margin: 0 0 0 0; padding: 0; font-size: 150%; font-weight: bold;}
#productDetail .moreInfo{ float: left; margin: 5px 0 0 15px;}

#productDetail #buttons ul{ margin: 10px 0 0 0; padding: 0; float: right; width: 150px; list-style: none;}
#productDetail #buttons ul li{ float: right; color: #C0A673; font-weight: bold; font-size: 90%; text-transform: uppercase; }
#productDetail #buttons ul li a{ text-decoration: underline;}
#productDetail #buttons ul 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;  }

#price_wrap{ float: left; width: auto; white-space: nowrap; background: url(../images/bg/bg_price.png) top right no-repeat; height: 44px; padding: 0 15px 0 0; margin: 20px 0 20px 0; }
#price_wrap span{ float: left; width: 3px; height: 44px; margin: 0 10px 0 0; background: url(../images/bg/bg_price.png) 0 0 no-repeat; }
#productInfo #price_wrap h2,
#productInfo #price_wrap h3{ padding: 0; font-weight: normal; clear: none; width: auto; white-space: nowrap; }
#productInfo #price_wrap h3{ font-family: 'open_sansregular'; font-size: 100%; text-decoration: line-through; float: left; margin: 12px 0 0 0; color: #999; }
#productInfo #price_wrap h2{ font-family: 'open_sansbold'; font-size: 130%; float: right; margin: 8px 0 0 15px; color: #46525F; }

#product_options a.envoyer{ background: url(../images/icons/icon_envoyer.gif) 0 4px no-repeat; border: none; width: auto; height: 25px; cursor: pointer; margin: 20px 0 0 50px; padding: 0 0 0 25px; float: left; color: #EF4527; }
#product_options a.envoyer:hover{ color: #000; }


#delivery_time{ float: left; width: auto; white-space: nowrap; background: url(../images/bg/bg_shipping.png) top right no-repeat; height: 44px; padding: 0 15px 0 0; margin: 20px 0 0 20px; }
#delivery_time span{ float: left; width: 3px; height: 44px; margin: 0 10px 0 0; background: url(../images/bg/bg_shipping.png) 0 0 no-repeat; }
#productInfo #delivery_time p{ padding: 0; font-weight: normal; clear: none; width: auto; white-space: nowrap; font-family: 'open_sansbold'; font-size: 90%; float: right; margin: 13px 0 0 0px; color: #EE4526; text-transform: uppercase; }


/* *************************************************************
PRODUCT POPUP
************************************************************* */
#product_popup{color: #5F6C83;}
#product_popup img{ float: left; margin: 0 20px 0 0; }
#product_popup h1{ font-size: 100%; margin: 0 0 5px 0; padding: 0; }
#product_popup h2{ font-size: 90%; float: left; width: auto; margin: 0; padding: 0; }
#product_popup h3{ font-size: 60%; text-decoration: line-through; float: left; width: auto; margin: 3px 0 0 20px; padding: 0;  }


/* *************************************************************
PRODUCT NAVIGATION + PRODUCT LISTING + PRODUCT DETAIL
************************************************************* */
/* Product Navigation */
#productNav {width: 200px; float: left; text-align: left; margin: 20px 0 10px 0; padding: 0 0 0 20px; display: inline;}

#productNav h2 {font-size: 90%; padding: 0 0 0 15px; margin: 0 0 5px 0; font-weight: normal; color: #FF6600; float: left; width: 175px; background: url(../images/icons/icon_productListTitle.gif) left center no-repeat;}

#productNav ul{ width: 100%; margin: 0; padding: 0; list-style: none; clear: both;}
#productNav li{ width: 175px; margin: 0; padding: 0 0 0 15px; line-height: 170%; font-size: 70%; color: #666; background: url(../images/icons/icon_arrow_small.gif) 0 6px no-repeat;}
#productNav li a{ color: #666; text-decoration: none; display: block;}
#productNav li a:hover{ color: #FF6600; text-decoration: none;}

#productNav ul ul{ margin: 10px 0 0 -18px;}
#productNav li li{font-size: 90%; padding: 0 0 0 15px; margin: 0 0 5px 0; font-weight: normal; color: #B30000; float: left; width: 175px;}
#productNav li li a{color: #666;}
#productNav ul ul ul{ margin: 10px 0 0 0px;}
#productNav li li li{font-size: 100%;}


/* Product Page Navigation */
#pageNav{ float: left; width: 100%; text-align: center;  margin: 2px auto 20px auto; font-size: 70%; color: #666; display: inline;}
#pageNav select{ font-size: 14px; padding: 5px; }
#pageNav a{padding: 0 2px; margin: 0 1px; color: #666; line-height: 150%;}


/* *************************************************************
ACCOUNT LOGIN
************************************************************* */
#accountList { width: 175px; padding: 0 15px 15px 15px; margin: 0 0 0 0; float: left; display: inline; background: #eee;}
#accountList h2{  color: #B30000; margin: 0 0 10px 0; display: inline; float: left; padding: 0; font-weight: normal;}
#accountList ul{ width: 190px; clear: both; padding: 0; margin: 0;}
#accountList li{ line-height: 180%; padding: 0 0 0 30px; line-height: 250%; list-style: none;}
#accountList li a{ color: #666; text-decoration: none;}
#accountList li a:hover{ color: #000; text-decoration: underline;}

#accountList .orders{ background: url(../images/icons/icon_orders.gif) 3px 8px 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 8px 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 8px no-repeat; padding-left: 35px; font-size: 80%; margin-top: 15px;}
#accountList .admin a{ font-weight: bold;}


/* *************************************************************
COUPON  
************************************************************* */
#coupon_description{ float: left; width: 350px; background: #FEE7EA; border: 1px solid #FFAAB0; 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; width: 100%; text-transform: uppercase;}
#coupon_description h2 span{ font-weight: normal; font-size: 90%;}
#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: #222; clear: both; width: 100%;}
#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; border: 1px solid #FFAAB0; padding: 4px; font: 100% Georgia, "Times New Roman", Times, serif; }
#coupon_description a.deleteVoucher{ float: right; color: #000; font-size: 60%; background: url(../images/icons/icon_delete.gif) 0 4px no-repeat;margin: 0 10px 0 0; padding: 0 0 0 12px; text-decoration: none;}
#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
************************************************************* */
#shopping_cart table{ float: left;   width: 100%; margin: 10px 0 20px 0; border:0;}
#shopping_cart table th, #shopping_cart th {height: auto; padding: 0 5px 0 5px;  color:#A29061; border:0;  }
#shopping_cart td{  padding: 5px; border:0; vertical-align:middle;color:#6D6E70; }
#shopping_cart tr a{  text-decoration:none;color:#6D6E70;}
#shopping_cart tr a:hover{ text-decoration: underline;}

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

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

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

#security{ float: left; width: 370px; clear: left;} /* border: 1px solid #ccc; background-color: #fff; */
#security2{ float: right; width: 350px; clear: left;}
#security p, #security2 p{ line-height: 140%; width: 100%; font-family:Georgia, "Times New Roman", Times, serif;}

#panierTotal{ float: right; width: 450px;}

#panierTotal select { width: auto; margin: 0 0 2px 0;}

.ht, .htPrice{ font-weight: bold;}
.livraison, .ht, .frais, .tva{ color:#A29061;}
.ht { font-weight: bold;}
.livraisonOption, .htPrice, .fraisPrice, .tvaPrice{ color:#A29061; font-size: 130%;}
.frais, .fraisPrice{ color:#A29061;}
.htPrice{ color:#A29061;}
.tva, .tvaPrice{}
.total{ color:#A29061; font-weight:bold;}
.totalPrice {color:#A29061; font-size: 200%; background-color: #fff;}


/* CHECKOUT BUTTONS */
.checkoutButtons{float: right; text-align: right; margin: 0 0 0 0; padding: 0;}
.checkoutButtons .btn_general{ float: right; margin: 0 0 0 20px;}
.account .checkoutButtons form{ float: right; clear: none; width: auto; margin: 0;}

.checkoutButtons #submit_btn{ float: right; }
#submit_btn a{ 

padding:0x 25px ; margin: 0; border: none; float: left;  vertical-align: middle; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #fff; vertical-align: middle; cursor: pointer; text-decoration: none; font-style:italic; }


.btn_simple,
.btn_updateCart{ font-family: Georgia, "Times New Roman", Times, serif; width: 142px; height: 25px; font-weight: bold; float: right; text-align: center; color: #000; text-decoration: none; padding: 0; margin: 0; border: none; cursor: pointer; text-transform: uppercase; }
.btn_simple,
.btn_updateCart{ background: none; width: auto; float: right; margin: 12px 20px 0 20px;}

.btn_updateCart:hover{ color: #EE4526; }

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; }
a.continue:hover{ color: #FF6600;}
a.return{ color: #000; background:url(../images/icons/icon_arrow-back.gif) 0 0 no-repeat; padding: 0px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
a.return:hover{ color: #E34000;}

.checkoutButtons a.continue, .checkoutButtons a.return{margin: 15px 25px 0 0; float: right;}


/* 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;}

/* LOGIN + JOIN */
#login, #join{ margin: 0 30px 30px 0; float: left; width: 320px;}
#join{ width: 480px; float: right;}

#join p, 
#login p{ width: 100%; float: left; margin: 0 0 5px 0; }


/* Form */
#login form .text { width: 250px;  border: 1px solid #CCCCCC;}
#login form .loginText { width: 150px;  border: 1px solid #CCCCCC; padding: 3px;}
#login form label{ width: 140px; float: left;  line-height: 80%;}
#login form label a{font-size: 70%; color: #999; margin: 15px 0 0 0; float: left; }
#login form textarea { font: 110% Georgia, "Times New Roman", Times, serif; width: 520px; height: 100px;}
#login form .forgot { line-height: 120%; margin: 5px 0 0 0; font-size: 65%;}
#login p a{ color: #999999;}

#join form .text { width: 250px;  border: 1px solid #CCCCCC;}
#join form .loginText { width: 150px; border: 1px solid #CCCCCC; padding: 3px;}
#join form label{ width: 140px; float: left;  line-height: 80%;}
#join form label a{ color: #999; margin: 15px 0 0 0; float: left; }
#join form textarea {  width: 520px; height: 100px;}
#join form .forgot { line-height: 120%; margin: 5px 0 0 0; }
#join p a{ color: #999999;}



/* *************************************************************
BUTTON
************************************************************* */
.btn_general{ 
background: rgb(218,203,168); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhY2JhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2EyNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  rgb(218,203,168) 0%, rgb(179,162,117) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(218,203,168)), color-stop(100%,rgb(179,162,117))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* IE10+ */

background: linear-gradient(to right,  rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacba8', endColorstr='#b3a275',GradientType=1 ); /* IE6-8 */

 float: left; height: 53px; padding: 0; margin: 10px 0 0 0; }



/* *************************************************************
DELIVERY AND BILLING BLOCKS
************************************************************* */
#deliveryAdd, #billingAdd{width: 355px; height:auto; padding: 0 0 5px 0; display: inline; text-align: left; margin-bottom: 30px;}
#billingAdd { background-color: #fff; float: left; clear: both; }
#deliveryAdd{background-color: #FFF;  float: right;}
#deliveryAdd h2, #billingAdd h2{font-weight: bold; color: #000; background: #fff url(../images/bg/bg_th.jpg) 0 0 repeat-x; padding: 8px 10px; border-bottom: 1px solid #ccc; width: 335px;}
#deliveryAdd h2 a{font-weight: normal; text-decoration: none; margin-left: 10px; color: #000; text-transform: uppercase;}
#deliveryAdd h2 a:hover, #billingAdd h2 a:hover{text-decoration: underline;}

/*FORM */
#deliveryAdd p, #billingAdd p{width: 345px; line-height: 200%; margin: 0 0 3px 10px; display: inline; float: left; padding: 0; }
#deliveryAdd p a, #billingAdd p a{ color: #FF6600;}
#deliveryAdd legend,#billingAdd legend{ color: #3399FF;  font-weight: normal; padding: 0 10px 10px 10px; margin: 0;}

#deliveryAdd label,#billingAdd label{ width: 100px; 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: 205px; padding: 2px; border:1px solid #CCCCCC;}
#deliveryAdd form textarea,#billingAdd form textarea { font: 110% Georgia, "Times New Roman", Times, serif; border:1px solid #CCCCCC; width: 290px; height: 100px;}

#paymentList { float: left; width: 350px;}
#paymentList ul{ list-style: none; margin: 0 0 10px 0; background: #eee; float: left; width:100%; padding: 10px 0; border: 1px solid #ccc; }
#paymentList li{ background: none; margin: 0 0 0 10px; padding: 0; color: #000;}
#paymentList textarea{ width: 350px; height: 150px; }


/***********************************
CHECKOUT
/*********************************** */
#mainContent.checkout{ width: 750px; }
#checkout_comments{ float: right; width: 350px;}
#checkout_comments h3{ float: left; margin: 0 0 5px 0; padding: 0; color: #6D6E70; clear: both; font-weight: bold; font-size:12px;}
#mainContent.checkout #checkout_comments textarea{ float: left; width: 350px; height: 80px; }


/* *************************************************************
PROCESSING PAGE - USED FOR PAYPAL
************************************************************* */
#processingWrap{ width: 420px; height: auto; left: 50%; top: 50%; margin: -105px 0 0 -210px; position: absolute; background: #ccc; }
#processingBody{ width: 355px; float: left; margin: 0 0 0 15px; padding: 10px 15px 0 20px; display: inline;}
#processingBody h1{ float: left; display: inline; clear: none; margin: 0 0 2px 20px; padding: 0; font-size: 100%; font-weight: bold; color: #B30000; display: inline;}
#processingBody p{ float: left; margin: 0 0 5px 20px; padding: 0; width: 210px; font-size: 75%; clear: none; display: inline;}
#processingBody img{ float: left;}
#processingBody .bar{ margin: 20px 0 0 0;}


/* *************************************************************
General Styles
************************************************************* */
.clearSpace{ float: left; clear: both; width: 200px; font-size: 0; height: 20px;}
p.smallText{ font-size: 60%;}
/*a.button{ height: 27px; padding: 0 0 0 0; display: block; margin: 0 0 0 0; width: auto; float: left;}
a.button:hover{ height: 26px; padding: 1px 0 0 1px;}*/


/* *************************************************************
Breadcrumb
************************************************************* */
#breadcrumb{ float: left; width: 100%; margin: 1px 0 0px 0; }
#breadcrumb ul{ margin: 0 auto; padding: 10px 0 6px 0; list-style: none; width: 100%;}
#breadcrumb li{ float: left; margin: 0 0 10px 0; padding: 0 10px; border-right: 1px solid #000;  line-height: 100%; text-transform: uppercase; }
#breadcrumb li a{ text-decoration: none; color: #A29061; }
#breadcrumb li a:hover{ text-decoration: underline; color: #F60; }
#breadcrumb li a.active{ font-weight: bold; color: #fff; background-color: #A29061; padding: 0 5px;}

#breadcrumb li a.etapes{color: #A29061; padding: 0 10px 0 0; background: url(../images/icons/icon_etapes_arrow.png) right center no-repeat; font-weight: bold;}
#breadcrumb li a.etapes:hover{ text-decoration: none; }


/* *************************************************************
TERMS AND CONDITIONS
************************************************************* */
div.question{color: #444; font-size: 75%; width: 365px; line-height: 160%; cursor: pointer; padding: 0 0 5px 15px; margin: 5px 0 0 0; background: url(../images/icons/icon_bullet-square.gif) 0 7px no-repeat; border-bottom: 1px solid #ccc;}
.answer{ border-style: solid; border-width: 0 1px 1px 1px; border-color: #ccc; background-color:#fff; width: 378px; visibility:hidden; height:0px; overflow:hidden; position:relative;}
.answer_content{font-size: 70%; position: relative; color: #000; line-height: 160%; padding: 5px;}
.answer_content a{color: #FF6600;}


/* *************************************************************
ACCOUNT AREA
************************************************************* */
.account{ width: 960px; }
.account form{ float: left; margin: 10px 0 10px 0; padding: 0; width: 400px; }
.account form p{ font-size: 75%; line-height: 140%; margin-bottom: 3px;}
.account .text{width: 200px; color: #000; border: 1px solid #ccc; font-size: 110%; padding: 2px; font: 110%;}
.account textarea{width: 200px; font-size: 100%; color: #666; font-family: Georgia, "Times New Roman", Times, serif;}

.account p label{width: 140px; float: left;}
.account select{ padding: 0; border: 1px solid #ccc; font: 110% Georgia, "Times New Roman", Times, 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{  color: #999; line-height: 100%;}
.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;}


/* *************************************************************
SEND TO A FRIEND
************************************************************* */
.sendToAFriend{ float: right; margin: 30px 0 0 0; }
#sendToAFriend { float: left; width: 480px; margin: 20px 0 0 0; }
#sendToAFriend form{ background: #E7EBF0; float: left; width: 450px; margin: 20px 0 0 0; padding: 30px 0 30px 30px;}
#sendToAFriend p{font-size: 80%; padding: 0; margin: 0px 0 10px 0; color: #46525F; line-height: 160%; float: left; width: 100%; clear: both; }
#sendToAFriend h2{ float: left; width: 215px; margin: 0; padding: 0; font-family: 'open_sansregular'; font-size: 80%; color: #46525F; font-weight: normal; text-transform: uppercase; }
#sendToAFriend .text{ border: 1px solid #BEC5CB; padding: 5px; font-family: 'open_sansregular'; font-size: 100%; width: 190px; color: #46525F; margin: 0 10px 0 0; }

#sendToAFriend #captcha{ background: #fff; padding: 0 10px 10px; float: left; width: 390px; clear: both; margin: 5px 0 10px 0;}
#sendToAFriend #captcha #captchaimg{ border: none; float: left; margin: 10px 10px 0 0;}
#sendToAFriend #captcha #captcha_text { float: left; width: 130px; margin: 10px 0 0 0; }
#sendToAFriend #captcha #captcha_text input{ border: 1px solid #BEC5CB; padding: 5px; font-family: 'open_sansregular'; font-size: 100%; width: 200px; }
#sendToAFriend #captcha p{ font-size: 70%; color: #46525F; margin: 3px 0 0 0; padding: 0; line-height: 100%; float: left; width: 130px; display: block; }
#sendToAFriend #captcha p a{ color: #000;}
#sendToAFriend #captcha p a:hover{ color: #C00;}