div#produits{
	background-image:url(../images/design/image_centrale.jpg);
	background-repeat:no-repeat;
	overflow:auto;
	height:415px;
	width:100%;
	position:relative;
}

table#familles, table#sousFamilles{
	margin-top:20px;
	margin-bottom:20px;
	width:97%;
}

table#familles td{
	padding:10px;
}
table#sousFamilles td{
	padding:0px;
}
table#familles td div.famille,
table#sousFamilles td div.famille{
	margin:auto;
	width:185px;
	height:160px;
	background-image:url(../images/design/boite_produit.gif);
	background-repeat:no-repeat;
}
table#familles td div.vide,
table#sousFamilles td div.vide{
	width:185px;
}

div.famille div.titre{
	text-align:left;
	margin-left:10px;
	font-size:8pt;
	font-weight:bold;
	padding-top:2px;
}
div.famille div.titre a:link,
div.famille div.titre a:hover,
div.famille div.titre a:visited,
div.famille div.titre a:active{
	color:#E8C03D;
	text-decoration:none;
}

div.famille div.photo{
	margin-left:3px;
	margin-top:7px;
	width:170px;
	height:120px;
	
}
/********accueil********/
div#produitsaccueil{
	background-image:url(../images/design/image_centrale.jpg);
	background-repeat:no-repeat;
	overflow:auto;
	height:415px;
	width:100%;
	position:relative;
}

table#famillesaccueil, table#sousFamillesaccueil{
	margin-top:20px;
	margin-bottom:20px;
	width:95%;
}

table#famillesaccueil td{
	padding:11px;
}
table#sousFamillesaccueil td{
	padding:0px;
}
table#famillesaccueil td div.familleaccueil,
table#sousFamillesaccueil td div.familleaccueil{
	margin:auto;
	width:170px;
	height:350px;
	background-image:url(../images/design/boite_produit2.gif);
	background-repeat:no-repeat;
}
table#famillesaccueil td div.vide,
table#sousFamillesaccueil td div.vide{
	width:170px;
}
div.familleaccueil div.titreaccueil{
	text-align:left;
	margin-left:10px;
	font-size:8pt;
	font-weight:bold;
	padding-top:3px;
}
div.familleaccueil div.titreaccueil a:link,
div.familleaccueil div.titreaccueil a:hover,
div.familleaccueil div.titreaccueil a:visited,
div.familleaccueil div.titreaccueil a:active{
	color:#E8C03D;
	text-decoration:none;
}

div.familleaccueil div.photoaccueil{
	margin-left:1px;
	margin-top:7px;
	width:170px;
	height:120px;
	
}
/*******fin accueil******/
a.info {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}

a:hover.info span {
  display: inline;
  position: absolute; 
  top:-2em;
  left:0.5em;
  z-index: 20;
  background: #6B7A88;
  color: #E8C03D;
  border:1px solid #000;
  width:150px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}