/* ============================== MAIN =======================================*/
      body#page-shop-cat #main, body#page-shop-product #main, body#command #main, body#page-shop-order #main, body#page-login-form #main, body#page-content-conditions #main, body#page-password_form #main {
        width   : 1005px;
        height  : auto;
        color   : #888175;
        letter-spacing    : 0.08em;
        background  : #000;
      }
      
      body#page-shop-cat #main, body#page-shop-product #main {
        background  : #fff url(img/bg_main.jpg) no-repeat top left;
        background-position : 0 170px;
        padding-bottom    : 0px;
      }
      
      body#command #main, body#page-shop-order #main, body#page-login-form #main, body#page-content-conditions #main, body#page-password_form #main  {
        /*color   : #EAE7E2;*/
        background-color  : #fff;
      }
      
      body#page-shop-cat #header, body#page-shop-product #header {
        /*margin-bottom:1px;*/
      }
      body#page-shop-cat #footer, body#page-shop-product #footer, body#command #footer, body#page-shop-order #footer, body#page-login-form #footer, body#page-content-conditions #footer, body#page-password_form #footer  {
        background-image: url("img/bande-footer_product.gif");
        background-color  : #0D0907;
      }

      #bottom_content {
        clear           : both;
      }
      
      body#page-shop-cat #logo_bas, body#page-shop-product #logo_bas, body#command #logo_bas, body#page-shop-order #logo_bas, body#page-login-form #logo_bas, body#page-content-conditions #logo_bas, body#page-password_form #logo_bas  {
          background-image: url("img/logo-footer_product.gif");
      }         
      
      body#page-shop-cat #content a, body#page-shop-product #content a {
        font-weight       : normal;
        text-decoration   : none;
}

/*=================================================================================*/
IMG {
  border      : none;
}
/*====================================CONTENT===========================*/



#content {
  background        : transparent url("img/bg_content.jpg") repeat-x top left;
  padding           : 8px 16px 32px 112px;
  font-family       : arial;
}
#content a {
  font-weight       : bold;
  text-decoration   : none;
  color             : #B07809;
}

#content a:hover {
  color             : #000;
}

#content IMG {
  border      : none;
}
#content UL {
  padding     : 0;
  margin      : 0;
}
#content LI {
  list-style  : none;                                                                       
  padding     : 0;
  margin      : 0;
}
#content form {
  color             : #888175;
  font-weight       : normal;
  margin            : 0;
  padding           : 0;
}

#content input, #content select, #content textarea {
  background-color    : #fff;
  color               : #000;
  border              : 1px solid #C3C3C3;
}

p.intro {
  font-style          : italic;
}
#content .gallery {
  padding-top       : 16px;
  text-align        : right;
  clear             : right;
}
#content .gallery p {
  padding-top       : 16px;
  text-align        : right;
  clear             : right;
  color             : #03B1DD;
  text-align        : left;
}
#content p, #content h5 {
  margin-left       : 16px;
  margin-right      : 16px;
  text-align        : justify;
  padding-bottom    : 8px;
}

#content #modal-sizes p {
  padding-bottom    : 0;
  
}

#content #modal-sizes h2 {
  padding-bottom    : 8px;
  padding-left      : 8px;
}

/*===================================TITLE==================================*/
body#command h1, body#page-shop-order h1 {
  font-size       : 36px !important;
  color           : #E3A010;
}
#content H4 {
  font-size       : 14px;
  text-transform  : uppercase;  
  text-align      : center;
  padding         : 0;
  margin          : 0;
}
#content H2 {
  padding         : 0;
  margin          : 0;  
  font-size       : 24px;
  font-weight     : normal;
}
#content H5 {
  margin          : 0;
  font-weight     : bold;
  margin-top      : 8px;  
  font-size       : 11px;
}
#content H6 {
  font-size       : 18px;
  font-weight     : normal;
  text-transform  : uppercase;  
  text-align      : center;
  padding         : 0;
  margin          : 0 auto;
}
.title {
  text-align      : center;
}
H3 {
  font-size       : 11px;
  font-weight     : bold; 
  padding         : 4px;
  margin          : 0;
}
H3.blue {
}
H3.green {
}
H3.yellow {
}
/*===================================FILTER======================================*/
#content ul#filter {
  float             : left;
  width             : 138px;
  background        : transparent url("img/bg_menu_filter.gif") no-repeat top left;
  padding-top       : 134px;
}
#content ul#filter li {
  margin-left     : 10px;
  color           : #888175;
  font-style      : oblique;
  font-size       : 14px;
  font-weight     : bold;
  line-height     : 16px;
}
#content ul#filter ul.sub-filter {
  padding     : 8px 0;
}
#content ul#filter ul.sub-filter li {
  font-style      : normal;
  font-size       : 12px;
  font-weight     : normal;
  text-transform  : uppercase;
  margin-left     : 0;  
}
#content ul#filter li a {
  color           : #888175;
}

#content ul#filter li a:hover, #content ul#filter li a.current {
  color           : #251C15;
}
/*=============================CART==========================*/
#content #link_account{
  text-align  : right;
/*  position    : absolute;
  margin-top  : -30px;*/
  right       : 16px;
  display     : block;
  margin-bottom : 16px;
}

#footer_ecommerce {
  background  : #fff;
  padding-top : 32px;
  padding-left: 16px;
}

#content #link_account,#footer_ecommerce {
  font-size   : 11px;
  color       : #514841;
  font-weight : normal;
}
#content #link_account a,#footer_ecommerce a{
  font-weight : normal;
  color       : #514841;
}

#content #link_account a:hover, #footer_ecommerce a:hover {
  color       : #000;
}


/*=============================FORM===================================*/
ul#filter input, ul#filter select, #details select, #details input {
  margin-bottom     : 8px;
}
ul#filter input, ul#filter select, #details select, #details input, body#page-content-delivery select, body#page-content-delivery input {
  border            :1px solid #C3C3C3;
  font-size         :11px;
  margin-right      : 12px;
}
body#page-content-delivery select, body#page-content-delivery input {
  margin-left       : 4px;
}
body#page-content-delivery form {
  width             : 400px;
  margin-top        : 8px;
  margin-left       : 16px;
  margin-bottom     : 16px;
  color             : #FF4AC2;
  line-height       : 22px;
}
body#page-content-delivery form h5 {
  margin        : 0;
}
.back_page {font-size : 11px;}
/*===============================DIAPO=====================================*/
#center {
    width         : 700px;
    float         : left;
}

body#command #center {
    width         : 600px;
}
body#page-shop-product #center {
    width         : 700px;
      }

#diapo {
    margin        : 0 16px 16px;    
    width         : 367px;
    float         : left;
}

#diapo img.illust {
  border            : 1px solid #B5B2AD;
}

#diapo .img_product {
}

#diapo ul.legende {
  width             : 100%;
  margin-top        : -4px;
  padding-top       : 30px;
  position          : relative;
  z-index           : 30px;
  background        : transparent url("img/bg_img_product_detail.jpg") repeat-x top left;
}
/*================================= Link_gallery ==================*/
#diapo ul.legende li {
  margin            : 8px 4px 8px 0;
  font-size         : 12px;
  font-weight       : bold;
  font-style        : oblique;
}
#diapo ul.legende ul.link_gallery li {
  float:left;}

#diapo ul.legende li ul.link_gallery {clear   :both;}
ul.link_gallery li a img {
  margin            : 0;
  width             : 13px;
  height            : 14px;
  padding-bottom    : 25px;
  background        : #827865 url("img/bg_img_product.jpg") repeat-x bottom left;  
}
ul.link_gallery li a:hover img {
  background-color  : #614407;
}

/*=================================== GO =================================*/
a.btn_go {
  display         : block;
  width           : 57px;
  height          : 42px;
  background        :transparent url("img/btn_go.gif") no-repeat top left;
}
a.btn_go:hover {background-position: 0% -42px;}
/*====================================CARD==================================*/
#card {
  margin-top      : 20px;
  margin-left     : 12px;
}
#card input {  border         : none !important; }
input.add_card {
  margin-top      : 16px;
  float           : right;
  display         : block;
  width           : 150px;
  height          : 58px;
  border          : none;
  background      : transparent url("img/add_card.gif") no-repeat top left;
}
input.add_card:hover {background-position: 0% -58px;}

/*==================================CATALOGUE=================================*/
UL#catalogue {
  margin-top      : -16px; 
  margin-right     : -16px; 
  margin-bottom  : 20px;
}

html>page-shop-cat UL#catalogue LI {
  height          : 200px;  
}

UL#catalogue LI {
  float           : left;
  padding         : 16px;
  width           : 128px;
  height          : 232px;
  line-height     : 16px;
}
#catalogue LI a {
  text-decoration : none;
}
#catalogue LI a:hover div, #catalogue LI a:hover {
  color           : #251C15;
}
#catalogue .infoproduct {
  position        :relative; 
  z-index         : 30;
  height          : 100px; 
  margin-top      : -12px;
}
#catalogue IMG A {
  border          : none;
}
#catalogue li .img_product_cat {
  text-align        : center;
  padding           : 0 0 25px;
  background        :transparent url("img/bg_img_product.jpg") repeat-x bottom center;
}

#catalogue li .img_product_cat img {
  border            : 1px solid #B5B2AD;
}

BODY#page-shop-product #details p {
  font-size       : 14px;
}
BODY#page-shop-product #details p.typeproduct {
  font-size       : 22px;
  font-weight     : normal;
}
.moredetails {
  font-size       : 11px;
  color           : #C57900;
}
.productname {
  color           : #888175;
  font-size       : 12px;
  /*text-transform  : uppercase;*/
  font-weight     : normal;
  letter-spacing  : 0,01em;
}
.typeproduct {
  font-size       : 11px;
  color           : #888175;
  font-style      : oblique;
}
.productname a, .typeproduct a {
}
/*============================ Details ======================================*/
#details {
  padding-left    : 16px;
}

#details dl {
  margin          : 8px 0;
  font-size       : 11px;
  float           : left;
}

#details dt {
  font-weight     : bold;
  width           : 90px;
  line-height     : 12px;
}

#details dd {
  margin-top      : -13px;
  width           : 160px;
  padding-left    : 58px;  
}

#details dl select, #details dl input {
  margin          : 0;
  padding         : 0;
}

BODY#page-shop-product #details p.productname,BODY#page-shop-product #details p.price {
  font-size       : 24px !important;
  text-align      : left;
}

.price {
  margin-top      : 4px;
  font-size       : 12px;
  color           : #C57900;
  font-weight     : bold;
}

/*=========================================OTHER MAX==================================*/
A.square { background-color: #DCDAD5; font-size : 14px; padding: 0 5px; color: #000 !important;}
A.square:hover { background-color: #FFCB3B; color: #000 !important; }

body#command .error {}
.error {
  display   : block;
  font-size : 12px; 
  text-transform  : uppercase; 
  font-weight: normal; 
  color: /*#A4A29D*/ #D95433; 
  margin-top  : 32px;
  float       : left;
}
SPAN.epuise { font-size: 14px; color: red; font-family: Verdana; text-transform: uppercase; }

DIV.msgbox { border: 1px solid #999; background-color: #EEE; color: #000; text-align: center;
  font-weight: bold; padding: 25px; margin-bottom: 25px; }
TABLE.list-table { border-collapse: collapse; width: 100%; }
TABLE.list-table TD { border: 1px solid #999; padding: 2px; }
TABLE.list-table TH { border: 1px solid #999; padding: 2px; }

TABLE.form-table { border-collapse: collapse; width: 100%; }
TABLE.form-table TH { vertical-align: middle; padding: 3px; font-weight: normal; text-align: right; 
                      border: 0px solid #999; background-color: transparent; width: 30%; 
                      font-size: 110%; padding-right: 13px; }
TABLE.form-table TH.req { font-weight: bold; background: transparent url("img/req1.gif") no-repeat right center; }
TABLE.form-table TD { vertical-align: top; padding: 3px; border: 0px solid #999; }
TABLE.form-table TD INPUT, TABLE.form-table TD BUTTON { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
TABLE.form-table TD TEXTAREA { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
TABLE.form-table TD INPUT.but { }


/*============= modifs aurelie 03 09 2007 ========================*/

body#command #content, body#page-shop-order #content {
  text-align:left;
}
body#command #center, body#page-shop-order #center  {
    padding-bottom : 60px;
    padding-left : 112px;
}

body#command #center table a, body#page-shop-order #center table a {
    color         : #6C6A65;
    font-weight   : bold;
}

body#command #center table a:hover, body#page-shop-order #center table a:hover {
    color         : #000;
}

body#command #center table, body#page-shop-order #center table {
    margin-top    : 20px;
    margin-left   : 10px;
    border-collapse :collapse;
    margin-bottom : 24px;
    font-size     : 12px  ;
    color         : #6C6A65;
}

body#command #center table#confirm_command {
    background-color:#FFECFF;
}

body#command #center table tr.sub-th {
 background-color:#E7E7E7;
 font-weight:bold;
}

body#command #center table tr th {
  color         : #000;
  font-weight   : normal;
  border:1px solid #E7E7E7;
  border-bottom-color: 000;
  padding       :4px 2px 2px;
  text-transform  :uppercase;
  text-align      :center;
  background      : #BDBAB5 url(img/bg_th_command.jpg) repeat-x top;
}
body#command #center table tr td.product {
    width:150px;
}
body#command #center table.total_price {
    margin-top      : 10px;
    margin-left     :270px;
    color           : #000;
    background-color: #fff;
}
body#command #center table.total_price td {
    padding:4px 16px;
    text-align:left;
}
body#command #center table tr td, body#page-shop-order #center table tr td {
 border-bottom-color:#f2f2f2;
 padding:4px;
 text-align:center;
 border:1px solid #A9A8AC;
}
table tr th.price_ttc, table tr th.total_price_ttc {
    width:70px;
}
table tr td.price_ttc {
/* font-weight:bold;*/
}
table tr td.total_price_ttc {
    font-weight:bold;
/* font-size:14px;
    color:#CD001E;*/
}
table tr td.sup_product a {
    font-size:11px;
    color:000;
    text-decoration:underline;
}
#content a.btn_valid_command_01 {
  display : block;
  float :right;
  width : 188px;
  height : 42px;
  margin : 8px;
  background :transparent url("img/btn_valid_01.gif") no-repeat top left;
}
body#command #login_command, body#command #ident_command {
    float:left;
    width: 280px;
    line-height:24px;
    margin-top:16px;
}
body#command #ident_command {
    float:left;
    width: 400px;
    line-height:24px;
    margin-top:16px;
}
body#command #login_command h2, body#command #ident_command h2 {
    margin-bottom:16px;
}

body#command #ident_command ol li, .proxiform ol li{
  clear     : both;
  color     : #6C6A65;
}

body#command ol, .proxiform ol {
  overflow    : hidden;
  padding   : 0;
  margin    : 0;
}

body#command span.label, .proxiform ol li .label span, form .label span{
    display         : block;
    float           : left;
    font-size       : 11px;
    width           : 120px;
}

body#command form .error {
  float     : none;
  text-align    : left;
  color: /*#A4A29D*/ #D95433;
}

body#command form span.req, body#command div.form span.req, .proxiform ol li .label span, form .label span {font-weight: bold;}

body#command form li, body#command div.form li, .proxiform li {clear:both;}

#content a.btn_ident, #content input.btn_ident {
  margin-top      : 16px;
  display         : block;
  width           : 100px;
  height          : 58px;
  border          : none !important;
  background      : transparent url("img/valid.gif") no-repeat top left;
}

#content a.btn_ident:hover, #content input.btn_ident:hover {background-position: 0% -58px;}

#content a.btn_ident span {visibility : hidden;}

/* ======================== BTN ADD NEW ADRESS =========================*/

#content a.btn_add_new_adress {
  margin-top      : 16px;
  display         : block;
  width           : 230px;
  height          : 58px;
  border          : none;
  background      : transparent url("img/add_new_adress.gif") no-repeat top left;
}

#content a.btn_add_new_adress:hover {background-position: 0% -58px;}

#content a.btn_add_new_adress span {visibility : hidden;}

/* ======================== BTN CHANGE ADRESS =========================*/

#content a.btn_change_adress {
  margin-top      : 16px;
  display         : block;
  width           : 170px;
  height          : 58px;
  border          : none;
  background      : transparent url("img/change_adress.gif") no-repeat top left;
}

#content a.btn_change_adress:hover {background-position: 0% -58px;}

#content a.btn_change_adress span {visibility : hidden;}

/* ======================== BTN CHANGE SHIP ADRESS =========================*/

#content a.btn_change_ship_adress {
  margin-top      : 16px;
  display         : block;
  width           : 230px;
  height          : 58px;
  border          : none;
  background      : transparent url("img/change_ship_adress.gif") no-repeat top left;
}

#content a.btn_change_ship_adress:hover {background-position: 0% -58px;}

#content a.btn_change_ship_adress span {visibility : hidden;}

/*==================================================================*/

#content a.btn_valid_command_01 {
  margin-top      : 16px;
  display         : block;
  width           : 160px;
  height          : 58px;
  border          : none;
  background      : transparent url("img/valid_command.gif") no-repeat top left;
}

#content a.btn_valid_command_01:hover {background-position: 0% -58px;}

#content a.btn_valid_command_01 span {visibility : hidden;}

#content a.btn_add_command {
  margin-top      : 16px;
  float           : right;
  margin-right    : 32px;
  display         : block;
  width           : 150px;
  height          : 58px;
  border          : none;
  background      : transparent url("img/add_product.gif") no-repeat top left;
}

#content a.btn_add_command span {
    visibility : hidden;
}
#content a.btn_add_command:hover {background-position: 0% -58px;}

#content a.btn_buy {
  margin : 8px;
  float :right;
  display : block;
  width : 148px;
  height : 42px;
  background :transparent url("img/btn_buy.gif") no-repeat top left;
}

#content a.btn_buy span {visibility : hidden;}

#content a.btn_buy:hover {background-position: 0% -58px;}

#content a.btn_connect, #content input.btn_connect {
  clear           : both;
  margin-top      : 32px;
  display         : block;
  width           : 108px;
  height          : 58px;
  border          : none !important;
  background      : transparent url("img/connect.gif") no-repeat top left;
}

#content a.btn_connect span {visibility : hidden;}

#content a.btn_connect:hover, #content input.btn_connect:hover {background-position: 0% -58px;}

.chemin_command {
  clear         : both;
  font-size     : 14px;
  padding       : 8px 0;
  font-weight   : bold;
  color         : #A4A29D;
}
#main .chemin_command a {
  color         : #6C6A65;
  font-weight   : normal;
}
#main .chemin_command a:hover {
  color         : #000;
}
/*================ end of modifs ========================*/

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 370px; overflow: auto;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
  width: expression(this.parentNode.offsetWidth+'px');
  height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindow h2.pull {
  padding : 65px 0 0 100px;
  background: url(pull_small.jpg) no-repeat;
  width: 465px;
}
.jqmWindow table {
  color:#888175;
  font-family: arial;
  border-collapse: collapse;
  margin: 8px 0 24px 8px ;
  width: 565px;
  text-align: center; 
}
.jqmWindow table.polo {
  width: 300px;
}

.jqmWindow table td,.jqmWindow table th {
  border: 1px solid #B5B2AD;
  padding: 0px;
}
.jqmWindow table th {
  font-weight: bold;
}
.jqmWindow table td {
  font-size: 11px;
  padding-left: 0px;
}
.jqmWindow table td.description {
  text-align: left;
  padding-left: 5px;
}
.jqmWindow table tr.tailles {
  color: #C57900;
  font-weight: bold;
}
.jqmWindow table #first {
  border: 1px solid #C57900;
  background: #C57900;
}


/* Background iframe styling for IE6. Prevents 
ActiveX bleed-through (<select> form elements, etc.) */
  * iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
       width: expression(this.parentNode.offsetWidth+'px');
       height: expression(this.parentNode.offsetHeight+'px');
  }

  /* Fixed posistioning emulation for IE6
       Star selector used to hide definition from browsers other than IE6
       For valid CSS, use a conditional include instead */
  /** html .jqmWindow {
       position: absolute;
       top: 
expression((document.documentElement.scrollTop || 
document.body.scrollTop) + Math.round(25 * 
(document.documentElement.offsetHeight || 
document.body.clientHeight) / 100) + 'px');
  }*/
  .jqmWindow {
       position: absolute;
       top: 
expression((document.documentElement.scrollTop || 
document.body.scrollTop) + Math.round(25 * 
(document.documentElement.offsetHeight || 
document.body.clientHeight) / 100) + 'px');
  }


/* ============= PROXIFORM ============*/
.proxiform {border:none;}

.proxiform label,
.proxiform legend,
.proxiform span {
line-height: 18px;
}

.proxiform input {
font-size: 12px;
line-height: 14px;
}

.proxiform span.field {
display: block;
vertical-align: top;
}

/* magic for having a left column of labels,
but which needs some js fixing for Gecko browsers */
.proxiform fieldset .label {
/*vertical-align: top;
padding-top: 2px;
display: inline-block;
white-space: nowrap;
width: 130px;*/
}

/* Reduces margins and padding for inner fieldsets */
.proxiform fieldset fieldset {
margin: 4px;
padding: 6px 4px 12px 4px;
}

.proxiform fieldset fieldset .label {
/*width: 120px;*/
}

.proxiform fieldset.input {
display: inline;
}

/* cannot use [type=text], thanks MSIE 6 */
.proxiform .text-type,
.proxiform textarea {
width: 200px;
border: 1px solid #000;
}

.proxiform input.text-type:hover,
.proxiform textarea:hover,
.proxiform .radio-check:hover {
border-color: #00B;
background-color: #F5F5FF;
}

/* Special IE rule, must be separated from :hover rules... */
.proxiform .input-over {
border-color: #00B;
background-color: #F5F5FF;
}

.proxiform input.text-type:focus,
.proxiform textarea:focus,
.proxiform .radio-check:focus {
border-color: #0B0;
background-color: #FFFFC9;
}

/* Special IE rule, must be separated from :hover rules... */
.proxiform .input-focus {
border-color: #0B0;
background-color: #FFFFC9;
}

/* required star is defined by em tag */
.proxiform em {
font-size: 1.3em;
font-weight: bold;
color: #F00;
}

.proxiform fieldset {
clear:both;
border: none;
margin-left: 0;
}

.proxiform fieldset.answers {
border: none;
margin: 0;
padding: 0;
}

.proxiform ol {
list-style-type: none;
margin: 0;
padding: 0;
}