hr.separe { visibility:hidden; clear:both; }
hr.separe_medium
{ height: 4px; }

div.info_t {
  margin: 8px 80px; 
  padding: 2px;
  font-size: 11px;
  text-align: center; 
  border: 0px solid #CCCCCC;
  color: #1B3A6D;
}

.cadre_g, .cadre_d
{ height: auto; overflow: auto; }




/********************************************************************************************/
/* ---------- TABLEAU D'AFFICHAGE AVEC TRI */
/********************************************************************************************/
.tri_search {
  width: 60%;
  text-align: center;
  vertical-align: top;
}
.info_search {
  width: 20%;
  text-align: right;
  vertical-align: top;
}

table.tab_tri_prod {
  clear: both;
  border-style: solid;
  border-width: 1px 0px 0px 1px; 
  font-size: 11px;
  width: 95%;

  border-color: #000000;
}
  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: 0px 1px 1px 0px; 

      border-color: #000000;
    }
    tr.produit_detail td.tri_img { 
      width: 100px;
    }
      td.tri_big_img img { 
        width: 130px;
        margin: 2px 0px;
      }
      td.tri_img img { 
        width: 96px;
        margin: 2px 0px;
      }
      td.tri_img .invisible_popDesc img { 
        width: 200px;
      }
    tr.produit_detail td.tri_nom { 
      width: 340px;
      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 {
      background-color: #658F30;
    }
        tr.produit_tailles td.tri_taille {
          text-align: right;
        }
        tr.produit_tailles td.tri_prix {
        }




/********************************************************************************************/
/* ---------- TABLEAU DETAIL DU PRODUIT */
/********************************************************************************************/
.top_info_product_1 {
  width: 48%; 
  font-size: 10px; 
  padding: 5px; 
  text-align: center;
}

table.info_prod { 
  border-style: solid;
  border-width: 0px; 
  font-size: 11px;
  width: 99%;
}
    table.info_prod td {
      border-style: dotted;
      border-width: 0px 0px 1px 0px; 
      padding: 1px 4px;
      text-align: center;
      
      color: #000000; 
      border-color: #000000;
    }
    table.info_prod td.info_dispo {
      border-style: dotted;
      border-width: 0px 1px 1px 1px;
      
      color: #FFFFFF; 
    }
    table.info_prod td.pack_prod { 
      background-color: #DDDDDD;
    }


  tr.produit_title, tr.produit_title td, td.produit_title { 
    background-position: top;
    background-repeat: repeat-x;
    padding: 7px 0px 3px;
  }
  td.produit_row {
    border-width: 2px;
    border-style: outset;
    padding: 5px; 
  }


.invisible_popDesc img
{ height: 150px; 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;
}




/********************************************************************************************/
/* ---------- PANIER */
/********************************************************************************************/
table.panier {
  font-family: verdana;
  font-size: 100%;
  text-align: center;
  
  width: 96%;
  margin: auto;

  border-color: #3C5530;
}
table.panier, table.panier td
{ border-style: solid; border-width: 1px; }
table.panier tr, table.panier td
{ border-color: #888888; }
table.panier table td { 
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  padding: 5px;
}

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




/********************************************************************************************/
/* ---------- FORMULAIRE */
/********************************************************************************************/
table.fiche_form {
  text-align: center;
  font-family: verdana;
  font-size: 100%;
  
  width: 94%;
  border-width: 2px;
  border-style: outset;

  background-color: #EEEEEE;
  border-color: #000000;
}

table.fiche_form td { 
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  padding: 0px 2px 0px 2px;

  border-color: #BBBBBB;
}




/********************************************************************************************/
/* ---------- IMAGES */
/********************************************************************************************/
#main img.preview_small, #main img.preview_medium, #main img.preview_big  /*Vignettes*/
{ clear: both; margin-top: 5px; }
#main img.preview_small
{ width: 150px; }
#main img.preview_medium
{ width: 250px; }
#main img.preview_big
{ width: 350px; }




/********************************************************************************************/
/* ---------- TEXTES */
/********************************************************************************************/
.texte                                                                      /*Texte*/
{ font-size: 100%; }
.texte_min
{ font-size: 85%; }
.texte_xmin
{ font-size: 70%; }
b
{ font-size: 100%; font-weight: bold; }
.texte_middle
{ font-size: 115%; }
.texte_big
{ font-size: 1.5em; font-weight: bold; }

.zone_texte_g {
  text-align: left;
  margin-left: 0%;
  width: 99%;
  height: 100%;
}
.zone_texte_c {
  text-align: center;
  margin: auto;
  width: 90%;
}
.zone_texte_d {
  width: 95%;
  text-align: right;
  margin-right: 5%;
}


/*Titres *******************************************/
h1.titre1 
{ margin: 0; padding: 0; } 
h1.titre1, span.titre1_l, span.titre1_r
{ height: 20px; font-size: 145%; font-weight: bold; }
h3
{ font-size: 1.0em; }
span.titre1
{ font-size: 90%;padding: 0px 2px 0px 2px; }
span.titre2
{ font-size: 115%; }
span.titre3
{ font-size: 100%; font-weight: bold; }
span.titre4
{ font-size: 110%; font-weight: bold; text-decoration: underline; }

span.titre5, span.titre6
{
  float: left;
  font-size: 100%;
  width: 98%;

  border-width: 1px 1px 1px 1px;
  border-style: solid;
  margin-top: 1%;
  margin-bottom: 1%;
}
span.titre6
{ font-weight: bold; margin-top: 3%; margin-bottom: 3%; }
span.titre7
{
  font-size: 125%;
  font-weight: bold;
}
span.titre8
{
  font-size: 2em;
  font-weight: bold;
}
div.titre9
{
  float: left;
  margin-top: 10px;
  font-size: 125%;
  font-weight: bold;
  width: 100%;
  height: 50%;

  border-width: 1px 0px 1px 0px;
  border-style: solid;
}


li.normal {
  list-style-image: url("");
  list-style-type: none;
  margin-bottom: 1%;
  width: 90%;
}
ul.indic {
  padding-left: 4%;
}
    li.indic {
      list-style-image: url("images/liste_green.png");
      margin-bottom: 1%;
      width: 90%;
    }
ul.chpt {
  padding-left: 5%;
}
    li.chpt {
      list-style-image: url("images/liste_square.png");
      margin-bottom: 2%;
      width: 100%;
    }


span.val_ok, .price, .ex_price {
  font-weight: bold;
}
span.ex_price {
  background-image: url("images/textebarre.gif");
  background-position: right;
}


div.normal, div.resume 
{ margin-left: 2%; }
div.resume {
  clear: left;
  height: auto;
  margin-top: 0%;
  margin-bottom: 1%;
  overflow: auto;
  
  border-width: 1px 1px 1px 1px;
  border-style: outset;
}


div.extrait_title, div.extrait, div.extrait_title2
{ width: 90%; padding: 0 3% 0 3%; }
div.extrait_title, div.extrait_title2
{ margin: auto; height: 10px; }
div.extrait_title
{ 
  clear: left; 
  margin-top: 10px;   
}
div.extrait
{
  text-align: justify;
  margin: auto;
  height: auto;
  overflow: hidden;
}




/********************************************************************************************/
/* ---------- LIENS */
/********************************************************************************************/
a {
  text-decoration: none;
  font-weight: bold;
}

#menu_navig a
{ text-decoration: none; }
#menu_navig a:hover
{ text-decoration: underline; }


a img                                                                           /*Images*/
{ text-decoration: none; border-width: 0px;}

a.select_prod img { 
  border-style: solid; 
  border-width: 2px;
  margin-top: 5px;

  border-left-color: #555555; border-top-color: #555555; 
  border-right-color: #000000; border-bottom-color: #000000;
}
    a.select_prod:hover img.vignette                                                /*Cadre de sélection*/
    { border-color: #000000; }
    a.select_prod:hover img.img_dock
    { border-color: #E7E7E7; }
#main img.vignette
{ /*width: 175px;*/ height: 150px; margin-left: 5px; }
img.img_dock
{ width: 80%; }


a.fiche:link, a.fiche:visited, a.important:link, a.important:visited,           /*Liens*/ 
  a.light:link, a.light:visited, a.dark:link, a.dark:visited {
  text-decoration:none;
  font-weight: bold;
}
a.info:link, a.info:visited {
  text-decoration: underline;
  font-weight: bold;
}

a.fiche:hover, a.important:hover, a.light:hover, a.dark:hover {
  text-decoration: underline;
}
a.info:hover { text-decoration: none; }




/********************************************************************************************/
/* ---------- BOUTONS */
/********************************************************************************************/
select {
  font-size: 100%;
  margin-top: 0; 
}

input {
  font-size: 100%;
}

.bouton, .texte .delete {
  font-size: 9px;
}
.texte .delete {
  font-weight: bold;
  width: 60%;
  height: 90%;
  
  border-width: 1px;
  border-style: solid;
}