html, div , body , td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

a{
font-weight:bold;
}



.ArialBigYellow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #003333 }
.ArialNormalYellow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003333 }
.ArialBig { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #003333}
.ArialNormal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003333}
.ArialNormalBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003333 ; font-weight: bold}
.ArialBigBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #003333 ; font-weight: bold }
.ArialSmallBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003333 ; font-weight: bold }
.ArialSmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003333}
.greyback {background-color: #BBBBBB;}
a:link { color:#CC3366}
a:visited { color:#CC3366}
a:hover {  color:#003333}
a:active { color:#003333}
body {background-color: #FFFFFF;}
.centerclass
{
text-align: center;
margin:0 auto;
}

.leftclass
{
text-align: left;
}

.famillecatalogue{
  display:block;
  float:left;
  width:630px;
  text-align:left;
}


#listitems{
  width:630px;
  margin:0px auto;
  text-align:center;
}

#listitems ul{
  float:left;
  margin:auto;
  padding:0;
  list-style:none;
  position:relative;
  left:50%;
}

#listitems ul li{
  left:-50%;
  width:180px;
  border-style:dotted;
  border-width:1px;
  border-color:#CC6666;
  cursor:pointer;
  position:relative;
  overflow: hidden;
  margin:4px;
  display:-moz-inline-box; /*older gecko*/
  display:inline-block;
}

#listitems ul li > * {
  display:table;
  width:180px;
}

#listproduits{
  width:800px;
  margin:0px auto;
  text-align:left;
}

#listproduits ul{
  float:left;
  margin:auto;
  padding:0;
  list-style:none
}


.listproduitscode0 , .listproduitscode1{
  clear:left;
  width:90px;
  text-align:left;
  display:block;
  float:left;
}

.listproduitsnom0 , .listproduitsnom1{
  width:417px;
  display:block;
  float:left;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
}

.listproduitsmarque0 , .listproduitsmarque1{
  width:130px;
  display:block;
  float:left;
  text-align:left;
}

.listproduitsprix0 , .listproduitsprix1{
  width:50px;
  display:block;
  float:left;
  text-align:right;
}
.listproduitslink0 , .listproduitslink1{
  width:110px;
  display:block;
  float:left;
  text-align:right;
}
.listproduitsdocs0 , .listproduitsdocs1{
  width:687px;
  display:block;
  clear:left;
  text-align:left;
}

.listproduitscode0 , .listproduitsnom0 , .listproduitsmarque0 , .listproduitsprix0 , .listproduitslink0 , .listproduitsdocs0{
  background-color:#DDFFDD;
}
.listproduitscode1 , .listproduitsnom1 , .listproduitsmarque1 , .listproduitsprix1 , .listproduitslink1 , .listproduitsdocs1{
  background-color:#FFDDDD;
}
.titreproduitscode{
  display:block;
  float:left;
  font-weight:bold;
  margin-top:10px;
}
.linkcatalogue{
  font-size:14px;
  font-weight:bold;
}
.linkcatalogue:link , .linkcatalogue:visited { color:#339966}

.linkcatalogue:hover , .linkcatalogue:active { color:#CC6666}