/***********************************************************************************************************/
/*CADRE PRINCIPAL */
/***********************************************************************************************************/

/*MENU PRODUITS*/
/*******************************************************************/
.type_top_menu, .type_bottom_menu {
  clear: both;
  height: 18px;
}
    .type_top_menu_m, .type_bottom_menu_m {
      height: 18px;
      margin: 0px;
      padding: 0px;
    }
        .type_top_menu_m img.fix_height, .type_bottom_menu_m img.fix_height {
          height: 18px;
        }

.type_top_menu_m { 
  margin-right: 0%;
  margin-left: 7%;
  background-color: #751B1D;
}

.type_middle_menu {
  clear: both;

  color: #000000;
  background-color: #751B1D;
}
    .type_middle_menu_in {
      width: 90%;
      font-size: 1.2em;
      padding: 2px 2px;

      background-color: #955B50;
      background-image: url("http://matelatex.com/images/blocs/fond-menu.jpg");
      background-repeat: repeat-x;
      background-position: bottom;
    }
        .type_middle_menu_in .line {
          clear: both;
          height: 35px;
        }
            .line .gauche {
              float: left;
              margin: 2px 5px; 
            }
            .line .droite a {
              font-size: 1.0em;
              text-decoration: none;
            }
                .droite a {  /*Navigation du site*/
                  color: #FFFFFF;
                }

.type_bottom_menu_m { 
  margin-right: 7%;
  margin-left: 0%;
  background-color: #682a1f;
}

        
/*MENUS DIVERS*/
/*******************************************************************/
.type_top, .type_middle, .type_bottom { clear: both; }
.type_top, .type_bottom {
  height: 18px;
  font-weight: bold;
}

#main_first .type_top { font-size: 0.9em; }
#main_second .type_top { font-size: 1.2em; }
.type_top, .type_top h1 { color: #FFFFFF; font-weight: bold; }
    .type_top_l { background-image: url("http://matelatex.com/images/blocs/type-top-l.gif"); }
    .type_top_m { background-image: url("http://matelatex.com/images/blocs/type-top-m.gif"); }
    .type_top_r { background-image: url("http://matelatex.com/images/blocs/type-top-r.gif"); }

.type_bottom {
}
    .type_bottom_l { background-image: url("http://matelatex.com/images/blocs/type-bottom-l.gif"); }
    .type_bottom_m { background-image: url("http://matelatex.com/images/blocs/type-bottom-m.gif"); }
    .type_bottom_r { background-image: url("http://matelatex.com/images/blocs/type-bottom-r.gif"); }

    .type_top_l, .type_top_m, .type_top_r, .type_bottom_l, .type_bottom_m, .type_bottom_r { margin: 0px; padding: 0px; }
    .type_top_l, .type_top_r, .type_bottom_l, .type_bottom_r { height: 18px; }

    .type_top_l, .type_bottom_l { float: left; width: 10px; }
    .type_top_r, .type_bottom_r { float: right; width: 10px; }
    .type_top_m, .type_bottom_m { margin-left: 10px; margin-right: 10px; text-align: center; }
        .type_top_m img.fix_height, .type_bottom_m img.fix_height { height: 18px; }
        .type_top_m div { height: 18px; text-align: left; }


.type_middle {
  height: auto;
}
    .type_middle_in {
      padding: 2px 2px;
      border-style: solid;
      border-width: 0px 1px 1px 1px;
      margin-bottom: 14px;

      background-color: #F4EEEC;
      border-color: #955B50;
    }
        .menu_titre{
          font-size: 1.4em;
          padding:10px;
          font-weight:bold;
        }
        .type_middle_line {
          clear: both;
          height: 36px;
        }




/*********************************************************************************************/
/*CADRE SOCIETE*/
/*********************************************************************************************/
.type_prod {
  clear: both;
  font-size: 0.9em;
  height: 116px;
  border-color: #955B50;
}    
    .type_prod_l {
      float: left;
      width: 48%;
      padding: 3px;
    }
    .type_prod_r {
      float: right;
      width: 48%;
      padding: 3px;
    }
        .prod_back_t, .prod_back_m, .prod_back_b { clear: both; }
        .prod_back_t, .prod_back_b { height: 10px; }
        .prod_back_m { height: 90px; }
            .prod_back_tl, .prod_back_tm, .prod_back_tr, .prod_back_bl, .prod_back_bm, .prod_back_br,
              .prod_back_ml, .prod_back_c, .prod_back_mr {
              margin: 0px;
              padding: 0px;
            }            
            .prod_back_tl, .prod_back_tm, .prod_back_tr, .prod_back_bl, .prod_back_bm, .prod_back_br {
              height: 10px;
            }
            .prod_back_ml, .prod_back_c, .prod_back_mr {
              height: 90px;
            }
            .prod_back_tl, .prod_back_ml, .prod_back_bl {
              float: left;
              width: 10px;
            }
            .prod_back_tr, .prod_back_mr, .prod_back_br {
              float: right;
              width: 10px;
            }
            .prod_back_tm, .prod_back_c, .prod_back_bm {
              margin-left: 5px;
              margin-right: 5px;
            }
            .prod_back_tl { background-image: url("http://matelatex.com/images/blocs/prod-back-tl.gif"); }
            .prod_back_tm { background-image: url("http://matelatex.com/images/blocs/prod-back-tm.gif"); }
            .prod_back_tr { background-image: url("http://matelatex.com/images/blocs/prod-back-tr.gif"); }
            .prod_back_ml { background-image: url("http://matelatex.com/images/blocs/prod-back-ml.gif"); }
            .prod_back_mr { background-image: url("http://matelatex.com/images/blocs/prod-back-mr.gif"); }
            .prod_back_bl { background-image: url("http://matelatex.com/images/blocs/prod-back-bl.gif"); }
            .prod_back_bm { background-image: url("http://matelatex.com/images/blocs/prod-back-bm.gif"); }
            .prod_back_br { background-image: url("http://matelatex.com/images/blocs/prod-back-br.gif"); }
            .prod_back_c {  /*Case central - texte*/
              background: #FFFFFF;
              padding: 0 5px;
            }
                .prod_back_c .info_l { border-color: #DDDDDD; }

            .prod_back_tl img.fix_height, .prod_back_tr img.fix_height, .prod_back_tm img.fix_height, .prod_back_bm img.fix_height,
              .prod_back_bl img.fix_height, .prod_back_br img.fix_height, {
              height: 5px;
            }
            .prod_back_c .info_l {  /*Partie gauche de la case <=> texte*/
              float: left;
              width: 71%;
              height: 100%;
              border-right-width: 1px;
              border-right-style: solid;
            }
            .prod_back_c .info_r {  /*Partie droite de la case <=> image*/
              float: right;
              width: 25%;
            }




/*********************************************************************************************/
/*PAGE PRODUITS*/
/*********************************************************************************************/
/*Zone choix du tri*/
#zone_tri {
  clear: both;
  margin: 3px 3px 10px;
  padding: 6px 6px 6px 55px;
  border: 1px solid #123E70;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  
  background-color: #EFF5FF;
  background-image: url("http://matelatex.com/images/icones/loupe2.gif");
  background-position: left;
  background-repeat: no-repeat;
}
    .zone_tri_search {
      clear: both;
      font-size: 1.1em;
      text-align: center;
    }
    .zone_tri_info {
      clear: both;
      padding-top: 8px;
      text-align: center;
    }


/*Tableau d'affichage avec tri*/
table.tab_tri_prod, table.tab_tri_prod td { border-color: #123E70; }
table.tab_tri_prod {
  clear: both;
  border-width: 0px; 
  border-collapse:collapse; 
  font-size: 11px;
  width: 99%;
  margin: auto;
}
    table.tab_tri_prod tr.produit_title { 
      text-align: center;
    }
    table.tab_tri_prod tr.produit_detail, table.tab_tri_prod tr.produit_tailles { 
      text-align: center;
    }
        table.tab_tri_prod td {
          border-style: solid;
          border-width: 1px; 
        }
        tr.produit_detail td.tri_img { 
          width: 90px;
        }
            td.tri_img img { 
              width: 86px;
              margin: 2px 0px;
            }
            td.tri_img .invisible_popDesc img { 
              width: 350px;
            }
        tr.produit_detail td.tri_nom { 
          width: 275px;
          text-align: left;
          vertical-align: top;
          padding: 5px;
        }
            td.tri_nom .invisible_popDesc {
              width: 250px;
            }
            td.tri_nom a{
              font-size: 0.8em;
            }
        tr.produit_tailles td.tri_taille {
          text-align: right;
        }
        tr.produit_tailles td.tri_prix {
        }




/*********************************************************************************************/
/*PAGE DE L'ARTICLE*/
/*********************************************************************************************/
.type_middle .view_l {  /*Cadre image*/
  width: 47%;
  height: 100%;
  padding: 2px;
  text-align: center;
  display:table-cell; 
}
    .type_middle .view_l a.zoom1 {
      margin: auto;
    }
        .type_middle .view_l img.preview {
          width: 350px;
          /*max-height: 350px;*/
        }
.type_middle .view_r {  /*Cadre descriptif*/
  padding: 0px 0px 2px 2px;
  width: 48%;
  border-left-width: 1px;
  border-left-style: solid;
  font-size: 0.9em;
  display:table-cell; 
}
    .view_r select {
      font-size: 0.95em;
    }
    .titre_onglet {  /*Titres des paragraphes*/
      clear: both;
      border-width: 0px 0px 1px 0px;
      border-style: solid;
      margin-top: 15px;
      border-color: #162983;
    }
        .titre_onglet span{
          padding: 2px 2px 0px 2px;
          background-color: #162983;
          color: #FFFFFF;
        }
    .view_r .prod_info {  /*Paragraphes du descriptif*/
      clear: both;
    }
        .prod_info .prod_l {
          float: left;
          padding-top: 5px;
          text-align: left;
        }
        .prod_info .prod_r {
          float: right;
          height: 40px;
          text-align: right;

          background-image: url("http://matelatex.com/images/blocs/prix-fond.gif");
          background-position: top right;
          background-repeat: no-repeat;
        }
        .prod_info .prod_r_opt {
          float: right;
          width: 100px;
          height: 50px;
          text-align: right;

          background-image: url("http://matelatex.com/images/blocs/prix-fond-opt.gif");
          background-position: top right;
          background-repeat: no-repeat;
        }

        .prod_info table.prod_datas {  /*Tableau du produit*/
        }
            .prod_info table.prod_datas tr {
              text-align: center;
            }
                .prod_info table.prod_datas tr.datas_title td {
                  font-weight: bold;
                }

        .prod_info .block_colors {  /*Cadres de couleurs*/
          float: left;
          width: 58px; 
          margin: 5px;
          text-align: center;
          font-weight: bold;
        }
            .prod_info .view_colors {  /*Fonds de couleurs*/
              clear: both;
              margin-bottom: 1px;
              height: 60px; 
              padding: 0px 3px;
              border-width: 1px;
              border-style: solid;
              border-color: #955B50;
            }
                .view_colors a {
                  text-decoration: none;
                }




/*********************************************************************************************/
/*PANIER*/
/*********************************************************************************************/
table.panier {
  width: 96%;
  margin: 5px auto;

  font-size: 0.8em;
  text-align: center;
}
table.panier, table.panier td { 
  border-style: solid;
  border-color: #666666;
}
table.panier { border-width: 1px 0px 0px 1px; }
table.panier td { border-width: 0px 1px 1px 0px; }
table.panier table td { border-width: 0px; }

.panier img {
  width: 30px;
  height: 20px;
}
.panier td.delete img { cursor: pointer; }




/*********************************************************************************************/
/*FORMULAIRE DU CLIENT*/
/*********************************************************************************************/
table.fiche_form {
  width: 96%;
  margin: 5px auto;
  text-align: center;
}

table.fiche_form, table.fiche_form td { 
  border-style: solid;
  border-color: #666666;
}
table.fiche_form { border-width: 1px 0px 0px 1px; }
table.fiche_form td { border-width: 0px 1px 1px 0px; }
table.fiche_form table td { border-width: 0px; }




/***********************************************************************************************************/
/*IMAGES*/
/***********************************************************************************************************/
/*Sous type*/
.prod_back_c .info_r img {
  width: 95%;
  height: 80px;
  margin: 5px 0px;
}

.invisible_popDesc img.popDesc
{ height: 200px; width: auto; }
.invisible_popDesc
{
  position: absolute;
  display: none;
  width: auto;
  height: auto;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 5px 5px;
  z-index: 100;

  background-color: #FFFFFF;
}

/*Packs*/
#main_first .img_packs {
  width: 202px;
  height: 141px;
  margin: 5px 5px;
}
#main_second .img_packs {
  width: 85%;
  margin: 5px 5px;
}

/*Menu*/
#main_second .gauche img {
  width: 30px;
  height: 25px;
}