/***********************************************************************/
/*                                                              GENERAL*/
/***********************************************************************/
html {
  overflow: auto;
}
body {
  margin: 0;
  font-family: Verdana;
  font-size: 14px;
  width: 98%;
}
form { 
  display: inline;
  overflow: auto;
}
center {
}
.h_inline { display: inline; font-size: 1.0em; margin: 0; font-weight: normal; }
img, div 
{ behavior: url(iepngfix.htc) }





/***********************************************************************/
/*                                                         MENU DU HAUT*/
/***********************************************************************/
#banner {                                                                         /*Cadre de la bannière*/
  float: left;  
  height: 25%;

  font-size: 14px;
  border-style: solid;
  border-width: 0px;
}


#menu, #ss-menu
{ clear: both; float: left; }


/*Menu principal*/
/****************************************************************************/
#menu {
  background-position: bottom;
  background-repeat: repeat-x;
  width: 100%;
  height: 80px;
  margin-bottom: 5px;
}
  #menu_t, #menu_b { clear: both; }
  #menu_t { height: 44px; }
  #menu_b { height: 36px; }
  #menu_tl, #menu_tm, #menu_tr, #menu_bl, #menu_br {
    height: 100%;
  }
  #menu_tl, #menu_bl {
    float: left;
  }
  #menu_tr, #menu_br {
    float: right;
    padding-right: 10px;
  }
  #menu_tm {
    padding: 5px 0;
    text-align: center;
  }
  #menu_bl {
  }
    #main_menu, #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;
      border: 0px solid red;
      margin: 0px 0px 0px 0px;
      z-index: 1;
    }
      /*Bouton principal
	  #main_menu dl dt {  
        position: relative;
        clear: left;
        height: auto;
        text-align: center;
        margin: 1px;
      }*/
	  #main_menu dl dt {
		clear:left;
		font-size:16px;
		height:auto;
		margin:1px 10px;
		position:relative;
		text-align:center;
	  }
	  #main_menu dl dt  a{
		color:#000000;
		font-weight:normal;
	  }
	  #main_menu dl dt  a:hover{
		color:#7F622F;
	  }
	  
      #main_menu dl dd  /*Bloc apparant*/
      { position: absolute; width: auto; }
      #main_menu dd {
        float: left;
        display: none;
        margin-top: 0px;
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        padding: 0px 25px 5px 5px;
      }
        #main_menu dd span {
          font-weight: bold;
          text-decoration: underline;
        }
        #main_menu li {
          font-size: 1em;
          text-align: left;
          list-style-type: square;
          margin-left: 15px;
        }
        #main_menu li:hover {
          list-style-type: circle;
        }
          #main_menu li a {
            clear: left;
            width: 100%;
          
            font-family: verdana;
            font-size: 0.9em;
            font-weight: normal;
            text-decoration: none;  
          
            border-style: solid;
            border-width: 0;
          }
            #main_menu li a:hover {
              text-decoration: underline;  
            }


/***********************************************************************/
/*                                      MENU DE NAVIGATION DES PRODUITS*/
/***********************************************************************/
#menu_navig {  /*Version horizontale*/
  float: left;
  margin-bottom: 10px;
  
  width: 100%;
  height: auto;
}
  #menu_navig table td {
    margin: 0px;
    padding: 1px;
  }
#menu_navig_v {  /*Version verticale*/
  float: left;
  height: 350px;
  width: 15%;
  overflow: scroll;

  font-size: 80%;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}


/***********************************************************************/
/*                                                        ZONE GENERALE*/
/***********************************************************************/
#main {
  float: left;
  font-family: verdana;
  font-size: 75%;
 
  width: 100%;
  height: auto;
  padding: 14px 9px 0px 9px;
}


/***********************************************************************/
/*                                                             BASELINE*/
/***********************************************************************/
#baseline {
  clear: both;
  padding-top: 10px;  
  text-align: center;
  font-size: 9px;
  font-family: tahoma;
}
#baseline a:link, #baseline a:visited
{ text-decoration: none; }
#baseline a:hover
{ text-decoration: none; }
    #baseline_words {
      clear: both;
      padding: 10px 25px;  
    }

/* navigation */	
	
  #footer_acc_links2 {
    clear: both;
    margin: 10px auto;
    text-align: center;
    height:30px;
  }
  
  .footer_acc_links2a {
	color:#000000;
	margin:1px 12px;
	font-size:12px;
  }


/***********************************************************************/
/*---------------- TABLEAUX*/
/***********************************************************************/
table.tab01, table.tab01 td { 
  border: 1px solid #000000; 
  border-collapse: collapse; 
}




/***********************************************************************/
/*---------------- BLOCS*/
/***********************************************************************/
.bloc_promo {
  width: 450px;
  margin: auto;
  padding: 3px;
  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.4em;
    }
    .bloc_promo a:link, .bloc_promo a:visited, .bloc_promo a:hover {
      color: #FFFFFF;
    }


/*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("http://www.lesfutons.be/images/icones/idee.gif");
    }
    div.informations {
      border: 1px solid #7296B1;
      color: #000000;
      background-color: #B2CCE0;
      background-image: url("http://www.lesfutons.be/images/icones/information.gif");
    }
    div.erreurs {
      border: 1px solid #B33622;
      color: #FFFFFF;
      background-color: #CF4F3A;
      background-image: url("http://www.lesfutons.be/images/icones/exclamation.gif");
    }
