/***********************************************************************/
/*                                                      ECRAN PRINCIPAL*/
/***********************************************************************/
hr.separe { visibility:hidden; clear:both; }
hr.separe_medium
{ height: 4px; }

/*CADRES PRINCIPAUX*/
/****************************************************************************/
.cadre_g, .cadre_d
{ height: auto; overflow: auto; }




/*DETAILS DES PRODUITS*/
/****************************************************************************/

/*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%;
}
  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; 
    }
    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: 380px;
      text-align: left;
      vertical-align: top;
      padding: 5px;
    }
      td.tri_nom a{
        font-size: 0.8em;
      }
      td.tri_nom a.fiche2 {
        font-size: 1.0em; 
      }
      td.tri_nom .invisible_popDesc {
        width: 250px;
      }
    tr.produit_tailles td.tri_taille {
      text-align: right;
    }
    tr.produit_tailles td.tri_prix {
    }


/*Tableau général du produit*/
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;
  }
  table.info_prod td.info_dispo {
    border-style: dotted;
    border-width: 0px 1px 1px 1px; 
  }


  tr.produit_title, tr.produit_title td
  { 
    background-position: top;
    background-repeat: repeat-x;
    padding: 10px 0px 3px;
  }


.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;
}
  table.panier, table.panier td
  { border-style: inset; border-width: 1px; }
  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: 1px;
  border-style: solid;
}

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




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

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


/*Zones*/
/****************************************************************************/
.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; }
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 0px 1px 0px;
  border-style: dotted;
  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: 125%;
  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;
}


/*Puces*/
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: 3px;
    width: 98%;
  }
ul.chpt {
  padding-left: 5%;
}
  li.chpt {
    list-style-image: url("images/liste_square.png");
    margin-bottom: 2%;
    width: 100%;
  }


/*Textes spéciaux*/
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  /*Blocs de texte*/
{ margin-left: 2%; }
div.resume
{
  clear: left;
  height: auto;
  margin-top: 0%;
  margin-bottom: 1%;
  overflow: auto;
  
  border-width: 1px 0px 1px 0px;
  border-style: dashed;
}


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


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

a.select_prod img { 
  border-style: solid; 
  border-width: 2px;
  margin-top: 5px;
}
#main img.vignette
{ width: 200px; height: 130px; margin-left: 5px; }
img.img_dock
{ width: 80%; }


/*Caractéristiques des liens*/
/****************************************************************************/
a.fiche:link, a.fiche:visited, a.important:link, a.important:visited,  
  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                    /*Survolés*/
{
  text-decoration: underline;
}
a.info:hover
{
  text-decoration: none;
}




/***********************************************************************/
/*                                                              BOUTONS*/
/***********************************************************************/
select {
  font-size: 90%;
  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;
}