#cadregauche  {   width: 250px;}
#gamme, #produit { padding:5px 0px 5px 10px;  color:#88F;font-weight: bold;
 border: 2px solid #88F; }
#gamme  { background-color:#006; }
#produit{ background-color:#229; font-size: 11px; }
#gam{ display: none; }
#gam ul, #produit ol { padding: 0px;  list-style-type: none; margin: 0px;  }
#gam li { height: 16px;}
#gam a {color:white; text-decoration: none;   }
#gam a:hover  {  color:  #0FF ; }
#gam  a:active  {  color:  #0FF ; }
#produit li {  height:14px;}
#produit a {color: white;  text-decoration: none;}
#produit a:hover { color: #0FF; }
#produit  a:active { color: #0FF; }

          
.flotteimagg {   float: left;}
.flotteimag {   float: right;}
.decrit { font-size: 11px ;  color:#629;  }
.decrit1 { font-size: 12px ; color:#229;  font-weight: bold;  }


#prod0, #prod1, #prod2, #prod3, #prod4, #prod5, #prod6, #prod7, #prod8, #prod9,
#prod10, #prod11, #prod12, #prod13, #prod14, #prod15, #prod16, #prod17, #prod18,
#prod19, #prod20, #prod21, #prod22, #prod23, #prod24, #prod25 , #prod26,
#prod27, #prod28, #prod29, #prod30
{position: absolute ; left: 250px; top:0px; width: 550px; height:605px;
padding:10px; background-color: #eee; }

#produit a { text-decoration: none; background-color: transparent;
font-size: 11px ; font-weight: bold;   }
#produit a:link, a:visited {color: #FFF; }
#produit a:hover, a:active {color: #2FF; }

#gamme a { text-decoration: none; background-color: transparent;
font-size: 12px ; font-weight: bold;   }
#gammet a:link, a:visited {color: #FFF; }
#gamme a:hover, a:active {color: #2FF; }