/***********************************************************************************************************/
/*GLOBAL*/
/***********************************************************************************************************/
html {
  margin: 0px 0px;
  padding: 0px;
}
body {
  margin: 0px 0px;
  padding: 0px;
}
body, input, select {
  font-family: tahoma;
  font-size: 0.8em;
}

.h_inline { 
  display: inline; 
  font-size: 1.0em; margin: 0; font-weight: normal; 
  background-color: transparent;
  border: 0;
}
h1 { 
  padding-left: 5px;
  font-size: 1.5em;
  margin: 0px 0px 5px 0px;
  border-bottom: 2px solid #162983; 
  color: #162983;
  text-transform: uppercase;
}
h2 { 
  padding-left: 5px;
  font-size: 1em;
  margin: 0px 0px 5px 0px;
  background-color: #162983; color: #FFFFFF;
}

hr {
  height: 1px;
  margin: 5px 0px;
  border-style: solid;
  border-width: 1px 0px 0px 0px ;
  border-color: #955B50;
}
hr.soft { border-color: #DDDDDD; }

img, div 
{ behavior: url("iepngfix.htc") }
div.keepheight { clear: both; height: 0px; overflow: hidden; }




/***********************************************************************************************************/
/*PAGE*/
/***********************************************************************************************************/
#header, #menu, #societe, #historique, #main, #footer, #footer2 {
  clear: both;
  width: 984px;
  text-align: left;
  margin: auto;
  border-color: #955B50;
}


#header {
  height: 70px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
}
    #header_l, #header_m, #header_r {
      margin: 0px;
      padding: 0px;
      height: 100%;

      background-image: url("http://matelatex.com/images/blocs/header-m.gif");
      background-position: bottom;
      background-repeat: repeat-x;
    }

    #header_l {
      float: left;
      width: 50px;
    }
    #header_r {
      float: right;
      width: 50px;
    }
    #header_mr {
      float: right;
      width: 230px;
    }
    #header_m {
      margin-left: 50px;
      margin-right: 50px;
      text-align: left;
    }
        #header_m img.fix_height {
          height: 60px;
        }
        

#menu {
  background-color: #751B1D;
  height: 20px;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
}
    #menu ul {
      padding: 1px 10px;
      margin: 0;
      list-style-type: none;
    }
        #menu ul li {
          float: left;
          margin: 3px 8px 0px 0px;
          font-size: 0.85em;
          font-weight : bold;
        }
    #menu a { 
      color: #FFFFFF; 
      text-decoration: none;
    }
        #menu a:hover { text-decoration: underline; }


#societe {
  height: 25px;
  text-align: right;
  color: #162983;
  background-image: url("http://matelatex.com/images/blocs/societe.gif");
  background-color: #FDF5E8;

  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-bottom-color: #FCE5C4;
}
    #societe a {
      font-size: 1em;
      font-weight : bold;
      margin-top: 3px;
      padding: 1px 2px;
      border-width: 0px;
      border-style: solid;
    }
    

#historique {
  height: 15px;
  font-size: 0.85em;
}
    #historique div {
      padding: 0px 10px;
    }


#main {
  height: auto;
  border-width: 0px 1px 0px 1px;
  border-style: solid;

  background-color: #FFFFFF; 
  background-image: url("http://matelatex.com/images/blocs/fond-test.jpg"); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position : bottom right;
}
    #main_in {
      padding: 5px 10px;
    }
        #main_first {
          float: right;
          width: 80%;
        }
        #main_second {
          float: left;
          width: 18%;
          font-size: 0.7em;
        }


#footer, #footer2 { color: #123E70; }
#footer a, #footer2 a {
  color: #123E70;
  font-weight: bold;
  text-decoration: none;
}

#footer {
  padding-bottom: 12px;
  font-size: 0.7em;
  
  border-width: 1px 1px 1px 1px;
  border-style: solid;

  background-color: #E6D6D0;
  background-image: url("http://matelatex.com/images/blocs/footer-m.gif");
  background-position: bottom;
  background-repeat: repeat-x;
}
    #footer_l, #footer_r {
      height: 100%;
    }
    #footer_l {
      float: left;
      width: 10px;
    }
    #footer_r {
      float: right;
      width: 10px;
    }
    #footer_m {
      margin-left: 10px;
      margin-right: 10px;
      text-align: center;
    }
        #footer_m img.fix_height, #footer_m div {
          height: 25px;
        }


#footer2 {
  margin-top: 5px;
  font-size: 0.7em;
  text-align: center;

  color: #123E70;
}
    #footer2 #links_vignettes {
      font-size: 1.7em;
    }
        #footer2 #links_vignettes table {
          width: 100%;
        }
            #footer2 #links_vignettes table td {
              text-align: center;
            }
            #footer2 #links_vignettes table td.vignette_info {
              width: 250px;
              font-size: 0.7em;
              text-align: left;
            }
        #footer2 #links_vignettes img {
          width: 130px;
          height: 85px;
          margin: 3px 10px;
        }

    #footer2 #baseline_words {
      padding: 6px 15px;
    }




/***********************************************************************/
/*---------------- TABLEAUX*/
/***********************************************************************/
table.tab01, table.tab01 td { 
  border: 1px solid #000000; 
  border-collapse: collapse; 
}




/***********************************************************************/
/*---------------- BLOCS*/
/***********************************************************************/
.bloc_promo {
  margin: auto;
  padding: 3px;
  font-size: 14px;
  font-family: verdana;
  text-align :center;
  text-decoration: underline;
  font-weight: bold;
  border: 1px solid #8B0010;
  background-color: #CE0118;
  color: #FFFFFF;
}
    .bloc_promo span {
      font-size: 1.5em;
    }


/*Blocs d'information*/
div.tips, div.informations, div.erreurs { 
  clear: both;
  padding: 5px 10px 15px 40px;
  margin: 5px 2%;
  font-size: 1.1em;
  text-align: left;

  background-repeat: no-repeat;
  background-position: top left;
}
    div.tips {
      border: 1px solid #C4B366;
      color: #000000;
      background-color: #F8ECB6;
      background-image: url("../images/icones/idee.gif");
    }
    div.informations {
      border: 1px solid #7296B1;
      color: #000000;
      background-color: #B2CCE0;
      background-image: url("../images/icones/information.gif");
    }
    div.erreurs {
      border: 1px solid #B33622;
      color: #FFFFFF;
      background-color: #CF4F3A;
      background-image: url("../images/icones/exclamation.gif");
    }




/***********************************************************************************************************/
/*LIENS*/
/***********************************************************************************************************/
a { color: #162983; }

a img {
  text-decoration: none;
  border-width: 0;
}

#historique a:link, #historique a:visited {
  text-decoration: none;
}
#historique a:hover {
  text-decoration: underline;
}

#societe a { color: #162983; }
#societe a:link, #societe a:visited {
  text-decoration: none;
}
#societe a:hover {
  text-decoration: underline;
}

#main_second .droite a:link, #main_second .droite a:visited, #main_second .droite a:hover {
  font-weight: bold;  
}
#main_second .droite a:link, #main_second .droite a:visited {
  text-decoration: none;
}
#main_second .droite a:hover {
  text-decoration: underline;
}




/***********************************************************************************************************/
/*LISTES*/
/***********************************************************************************************************/
li.normal {
  list-style: none;
}

ul.indic {
  padding-left: 4%;
}
li.indic {
  width: 98%;
  margin-bottom: 3px;
  list-style-image: url("http://matelatex.com/images/icones/liste_green.png");
}

ul.chpt {
  padding-left: 5%;
}
li.chpt {
  width: 100%;
  margin-bottom: 2%;
  list-style-image: url("http://matelatex.com/images/icones/liste_square.png");
}




/***********************************************************************************************************/
/*POLICES*/
/***********************************************************************************************************/
.texte_min {
  font-size: 0.9em;
}
.texte_big {
  font-size: 1.5em;
}




/***********************************************************************************************************/
/*COULEURS*/
/***********************************************************************************************************/
.fiche { color: #3464D6; }
.fiche2 { color: #162183; }
.price, .ex_price { color: #0EC100; }
.val_ok { color: #0EC100; }
.important { color: #FF0000; }
.light { color: #FFFFFF; }
.dark { color: #000000; }

span.ex_price {
  background-image: url("images/textebarre.gif");
  background-position: right;
}