/*		CSS	Affichage des Articles		*/

.article{
	float:left;
	/*display:inline;*/
	width:384px;
	padding:20px 0 20px 50px;
	margin:0;
/*	border-bottom:1px solid #333;
	border-right:1px solid #333;*/

}
.aff-color{	
	float:left;
	width:40px;
}
.color-mark{
	float:left;
	width:15px;
}

.color-tissu{
	float:left;
	width:15px;
}

.aff-image{
	float:left;
}

.aff-image p{
	width:105px;
	background-color:#fff;
}

.aff-infos{
	float:left;
}

.aff-infos ul{
	margin:0 0 0 25px;
	padding:0;
}

.aff-infos ul li{
	font:normal 12px verdana;
	color:#f2f2f2;
	padding:5px 0 0 0;
	list-style-image:url('../images/sigle_h10.png');
}

a.info{
    position:relative;
	display:block;
    z-index:24; 
	height:10px;
	width:10px;
	cursor:pointer;
	margin:0;
	padding:0;
}
a.info:hover{
	z-index:25; 
}
a.info span{
	display: none;
}
a.info:hover span{
    display:block;
    position:absolute;
	left:20px;
	width:200px;
	height:50px;
	opacity:0.7;
	filter:alpha(opacity=70);
	padding:17px 0 0 0;
	font:small-caps bold 12px verdana;
    text-align: center;
}
.color-hover{
	color:#0088CC;
	background:transparent url('../images/bk-color-hover.png') 0 0 repeat-x;
}
a.telecharger{
	color:orange;
	text-decoration:none;
}
a.telecharger:hover{
	text-decoration:underline;
}


.hf a.Femme{ 
	color:#FF0033; 
}
.hf a.Homme{ 
	color:navy; 
}
.hf a.Femme,
.hf a.Homme{
	display:block;
	width:118px;
	height:26px;
	padding:9px 0 0 0;
	margin:0;
	text-indent:30px;
	text-decoration:none;
	text-transform:capitalize;
	font:normal 12px verdana;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
	background:transparent url('../images/choix-sexe.png') 0 -35px no-repeat;
}
.hf a.Femme:hover,
.hf a.Homme:hover{
	opacity:1;
	filter:alpha(opacity=100);	
	text-decoration:none;
	background:transparent url('../images/choix-sexe.png') 0 0 no-repeat;
}
.hf a.Femme:hover{
	color:#FF0033;
}
.hf a.Homme:hover{
	color:blue;
}