/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient les CSS de la page sous-famille.php
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Page liste des sous familles
// - Choix familles par les onglets
// - Onglet Nouveautés/Promotions/Top Ventes
// - Contenu Nouveautés/Promotions/Top Ventes
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Page liste des sous familles
///////////////////////////////////////////////////////////////////////////////////*/
/* Choix familles par les onglets */
div.divEncartImgChoixSsFam{
	float:left;
	margin:0 0 0 55px;
	width:120px; height:120px;
	background:url(../images/background/encart-img-choix-sous-famille.gif) no-repeat;
}
div.divEncartImgChoixSsFam p{
	margin:0; padding:5px 0 0 0;
	text-align:center;
}
div.divEncartImgChoixSsFam p a:link, div.divEncartImgChoixSsFam p a:visited{
	font:normal 11px Arial, Helvetica, sans-serif; color:#068601;
	text-transform:uppercase;
	text-decoration:none;
}
div.divEncartImgChoixSsFam p a:hover, div.divEncartImgChoixSsFam p a:active{
	text-decoration:underline;
}
/* Onglet Nouveautés/Promotions/Top Ventes */
div#divContOngletListeSousFam{
	position:relative;
	width:736px;
	margin-left:8px;
}
div#divLienNouveautes a {
	display:block; float:left;
  width:184px; height:25px;
  background:url(../images/interface/btn-nouveautes.jpg) 0 0 no-repeat;
}
div#divLienNouveautes a:hover {	
  background-position: -184px 0;
}
div#divLienPromotions a {
	display:block; float:left;
  width:184px; height:25px;
  background:url(../images/interface/btn-promotions.jpg) 0 0 no-repeat;
}
div#divLienPromotions a:hover {	
  background-position: -184px 0;
}
div#divLienTopVentes a {
	display:block; float:left;
  width:184px; height:25px;
  background:url(../images/interface/btn-top-ventes.jpg) 0 0 no-repeat;
}
div#divLienTopVentes a:hover {	
  background-position: -184px 0;
}
/* Contenu Nouveautés/Promotions/Top Ventes */
div#divContOngletListeSsFamNouv, div#divContOngletListeSsFamProm, div#divContOngletListeSsFamTopV{
	clear:both;
	width:736px;
	margin-left:8px;
}
div#divContOngletListeSsFamNouv, div.divContNouveauteInt{
	border:1px solid #ffbee5;
}
div#divContOngletListeSsFamProm, div.divContPromotionInt{
	border:1px solid #c4e2c1;
}
div#divContOngletListeSsFamTopV, div.divContTopVenteInt{
	border:1px solid #d2dd9a;
}
div#divContOngletListeSsFamNouv div#divCellColGauche, div#divContOngletListeSsFamNouv div#divCellColDroite, div#divContOngletListeSsFamProm div#divCellColGauche, div#divContOngletListeSsFamProm div#divCellColDroite, div#divContOngletListeSsFamTopV div#divCellColGauche, div#divContOngletListeSsFamTopV div#divCellColDroite{
	float:left;
	width:353px;
	margin:10px 0 0 10px;
}
div.divContNouveauteInt, div.divContPromotionInt, div.divContTopVenteInt{
	position:relative;
	width:350px;
	margin:0 0 10px 0;
}
div.divContNouveauteInt p, div.divContPromotionInt p, div.divContTopVenteInt p{
	padding:10px; margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
}
div.divContNouveauteInt p{
	color:#ffbee5;
}
div.divContPromotionInt p{
	color:#7eca83;
}
div.divContPromotionInt p span.spanMiniTexte{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#52cc5c;
	text-transform:none;
}
div.divContPromotionInt p span.spanMiniTexte strong{
	font-size:10px;
}
div.divContTopVenteInt p{
	color:#a0b238;
}
div.divContNouveauteInt img, div.divContPromotionInt img, div.divContTopVenteInt img{
	float:left;
	margin-right:10px;
}
div.divContNouveauteInt strong, div.divContNouveauteInt span, div.divContPromotionInt strong, div.divContPromotionInt span, div.divContTopVenteInt strong, div.divContTopVenteInt span{
	font:bold 14px Arial, Helvetica, sans-serif;
}
div.divContNouveauteInt strong, div.divContNouveauteInt span{
	color:#af0054;
}
div.divContPromotionInt strong, div.divContPromotionInt span{
	color:#068601;
}
div.divContTopVenteInt strong, div.divContTopVenteInt span{
	color:#596418;
}
div.divContNouveauteInt span, div.divContPromotionInt span, div.divContTopVenteInt span{
	font-size:20px;
}
div.divContNouveauteInt div#divLienVoirDetailRose a {
	display:block; position:absolute; bottom:10px; right:10px;
  width:107px; height:18px;
  background:url(../images/interface/btn-voir-le-detail-rose.jpg) 0 0 no-repeat;
}
div.divContNouveauteInt div#divLienVoirDetailRose a:hover {	
  background-position: -107px 0;
}
div.divContPromotionInt div#divLienVoirDetailVert a {
	display:block; position:absolute; bottom:10px; right:10px;
  width:107px; height:18px;
  background:url(../images/interface/btn-voir-le-detail-vert.jpg) 0 0 no-repeat;
}
div.divContPromotionInt div#divLienVoirDetailVert a:hover {	
  background-position: -107px 0;
}
div.divContTopVenteInt div#divLienVoirDetailVertO a {
	display:block; position:absolute; bottom:10px; right:10px;
  width:107px; height:18px;
  background:url(../images/interface/btn-voir-le-detail-vertO.jpg) 0 0 no-repeat;
}
div.divContTopVenteInt div#divLienVoirDetailVertO a:hover {	
  background-position: -107px 0;
}