/***********************************************************************/
/*                                                      ECRAN PRINCIPAL*/
/***********************************************************************/
hr.separe { visibility:hidden; clear:both; }

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




/*DETAILS DES PRODUITS*/
/**********************/
#infos2
{
  width: 75%;
  margin-top: 100px;
  padding: 10px;
  font-size: 1.6em;
}

div.model_type, div.model_type2, div.model_type3                                /*Haut et bas tableau global*/
{
  clear: left;
  width: 100%;
  
  border-width: 0px;
  border-style: dotted;
  overflow: auto;
}
div.model_type
{ height: auto; border-width: 0px 0px 0px 0px; }
div.model_type2
{ text-align: left; height: auto;  border-width: 0px 0px 0px 0px; }
div.model_type3
{ text-align: center; height: auto; margin-top: 10px; }

div.model_type3 img
{ width: 5%; margin-top: 1%; }


div.model_onglet                                                                /*Onglet*/
{
  float: left;
  width: auto;
  height: 15px;  
  text-align: left;
  padding-top: 2px;
}
div.model_onglet span
{
  padding: 4px 4px 0px 4px;
}


table.info_prod                                                                 /*Tableau*/ 
{
  float: left;
  font-size: 10px;
  width: 99%;
}
table.info_prod td                                                              /*Cases*/
{
  border-style: dotted;
  border-width: 0px 0px 1px 0px; 
}
table.info_prod td.info_onglet                                                  /*Cases Titre*/
{ padding-top: 2px; }
table.info_prod td.info_dispo                                                   /*Cases couleurs*/ 
{ text-align: center; border-width: 0px 1px 1px 1px; }


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


/*CADRE DES OPTIONS*/
/*******************/
.cadre_g_opt, .cadre_d_opt
{ float: left; height: 100%; }
.cadre_g_opt
{ clear: left; width: 30%; }
.cadre_d_opt
{ width: 70%; }



/*PANIER*/
/********/
table#panier
{
  text-align: left;
  font-family: verdana;
  font-size: 100%;
  
  width: 96%;
  margin: auto;
}
table.panier_validate td {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 10px;
}

.row_title
{
  text-align: center;
  height: 15px;
}
tr.row_panier
{
  text-align: center;
  height: 20px;
}
#panier tr.row_panier td
{
 border-width: 1px 1px 1px 1px;
 border-style: solid;
}
#panier tr.row_panier td.delete
{ border-style: dotted; }

#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;
}
table.fiche_form input, table select, table textarea
{ /*width: 100%;*/ }




/***********************************************************************/
/*                                                               IMAGES*/
/***********************************************************************/
#main img.preview                                                                     /*Vignettes*/
{
  float: left;
  clear: both;
  width: 99%;
  margin-top: 5px;
}


/***********************************************************************/
/*                                                               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%; font-weight: bold; }
.texte_big
{ font-size: 130%; font-weight: bold; }


.zone_texte_g                                                                   /*Zone texte normal*/
{
  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%;
}


h1.titre1
{ margin: 0; padding: 0; }                                                      /*Titres*/
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;
}


li.normal                                                                       /*Puces*/
{
  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                                                  /*Informations*/
{
  font-weight: bold;
}
span.ex_price                                                                   /*Informations*/
{
  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; }


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

a.select_prod img
{ 
  border-style: solid; 
  border-width: 2px;
  margin-top: 5px;
}
#main img.vignette
{ width: 15%; height: 21%; margin-left: 7px; margin-right: 7px;}
#menu_navig img.img_dock
{ width: 80%; }


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

a.keywor:link, a.keywor:visited, a.keywor:hover                   /*Mots clés*/ 
{ text-decoration: none; font-weight: normal; }
a.keyworb:link, a.keyworb:visited, a.keyworb:hover 
{ text-decoration: none; font-weight: normal; }


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