/***********************************************************************************************************/
/*GLOBAL*/
/***********************************************************************************************************/
html {
  clear: left; 
}
body {
  clear: left; 
  margin: 2px;
  margin-top: 5px;
  font-family: verdana;
  font-size: 12px;
  border: 0px solid red;

  color: #003333;
}
.h_inline { display: inline; font-size: 1.0em; margin: 0; font-weight: normal; }
img, div 
{ behavior: url(iepngfix.htc) }
div.keepheight { clear: both; height: 0px; overflow: hidden; }




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




#header {
  height: 150px;
  margin-bottom: 2px;

  background-image: url("images/blocs/header.jpg");
}
    #header img#header-logo {
      float: left;
    }
    
    #header #main_menu {
      height: 114px;
    } 
        #main_menu dl, #main_menu dt, #main_menu dd, #main_menu ul, #main_menu li {
          margin: 0;
          padding: 0;
          list-style-type: none;
          z-index: 5;
        }

        #main_menu dl {
          float: left;
          height: 100%;
          border: 0px solid red;
          margin: 0px 5px;
          z-index: 1;
        }
          #main_menu dl dt {  /*Bouton principal*/
            float: left;
            position: relative;
            font-family: comic sans ms;
            font-weight: bold;
            font-size: 1.2em;
            text-align: center; 
          }
          #main_menu dl dd  /*Bloc apparant*/
          { position: absolute; width: auto; }
          #main_menu dd {
            clear: both;
            display: none;
            top: 119px;
            border-width: 0px 1px 1px 1px;
            border-style: solid;
            padding: 5px 25px 5px 5px;
            background-color: #F6F6F6;
          }
            #main_menu li {
              font-size: 1em;
              text-align: left;
              margin-left: 6px;
              list-style-type: square; 
              color: #003333;
            }
                #main_menu li a:hover {
                  text-decoration: underline;
                }
    
    #header img#acc_panier {
      float: right;
    }


#main {
  width: 974px;
  padding: 5px;
  
  border-width: 1px 0px 0px 1px;
  border-color: #C2D6BF;
  border-style: solid;
}
    #baseline {
      clear: both;
      padding-top: 10px;  
      text-align: center;
      font-size: 9px;
      font-family: tahoma;
    }
        #baseline a:link, #baseline a:visited
        { 
          text-decoration: underline;
          color: #000000;
        }
        #baseline a:hover
        { text-decoration: none; }


#footer {
  text-align: center;
}
    #footer_t {
      clear: both;
      height: 23px;
      text-align: left;
      padding: 15px 0 0 10px;
      
      background-image: url("images/blocs/footer.jpg");
    }

    #footer_b {
      clear: both;
      padding: 3px;
      font-size: 0.8em;
      
      border-width: 0 1px 1px 1px;
      border-style: solid;
      border-color: #80a191;
    }
          #footer_b ul {
          margin: auto;
          padding: 0;
        }
            #footer_b ul li {
              display: inline;
              margin: 0px 7px;
              list-style-type: none;
              font-family: comic sans ms;
              font-size: 1.6em;
            }

        #footer_b hr {
          border-color: #d8e6df;
          margin: 10px 0px 20px 0px;
        }

        #footer_b div {
        }
            #footer_b div a {
              color: #003333;
            }
            #links_vignettes {
              width: 100%;
            }
                #links_vignettes td {
                  text-align: center;
                }
                    #links_vignettes img {
                      width: 130px;
                      height: 90px;
                      margin: 3px 10px;
                    }
                #links_vignettes td.vignette_info {
                  width: 275px;
                  font-family: verdana;
                  font-size: 0.9em;
                  text-align: left;
                }
                #links_vignettes td.vignette_info a {
                  font-weight: normal;
                }




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




/***********************************************************************/
/*---------------- BLOCS*/
/***********************************************************************/
#menu_navig {
  font-size: 0.95em;
  
  float: left;
  width: 100%;
  height: 10%;
  overflow: auto;
  margin-bottom: 10px;
  
  border-style: dashed;
  border-width: 1px 0px 1px 0px;
  border-color: #CCCCCC;
}


.bloc_promo {
  float:left;
  width: 700px;
  padding-bottom: 3px;
  font-family: verdana;
  text-align :center;
  text-decoration: underline;
  font-size: 1.3em;
  font-weight: bold;
  border: 1px solid #5b888c;
  background-color: #e1edee;
  color: #FF0000;
}
    .bloc_promo span {
      font-size: 1.2em;
    }
    .bloc_promo a {
      color: #FF0000;
    }


/*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("http://www.lesfutons.fr/images/icones/exclamation.gif");
    }




/***********************************************************************/
/*---------------- COULEURS*/
/***********************************************************************/
a {
  color: #4F870C;
}

.fiche                                                                          /*Couleur info*/
{ color: #3464D6; }
.fiche2 
{ color: #006699; }
.important                                                                      /*Couleur important*/
{ color: #FF2233; }
.price, .ex_price                                                               /*Couleur prix*/
{ color: #CF0E0E; }
.info                                                                           /*Couleur notifications*/
{ color: #000000; }
.light                                                                           /*Couleur clair*/
{ color: #FFFFFF; }
.dark                                                                           /*Couleur sombre*/
{ color: #000000; }
span.val_ok                                                                     /*Informations*/
{ color: #27EA00; }