
/* style css d'une categorie de produit */
/* image en haut d'une famille de produit */

#visu_cat_haut
{
	width:570px;
	height:120px;
	margin:8px 0px 5px 0px;
	background-color: #4B96CD;
}

/* titre de la famille de produit couleur texte fixe fond changeant */

#zone_content h2
{
	margin:0px;
	padding:0px;
	line-height:35px;
	width:570px;
	vertical-align:middle;
	font-size:18px;
	text-indent:13px;
	color:#FFFFFF;
	font-weight:normal;
}

/* texte de description de la famille de produit*/

#desc_cat
{
	height:63px;
	margin:5px 0px 5px 0px;
	width:568px;
}

#desc_cat p
{
	margin: 9px 16px 9px 11px;
	width:540px;
	height:45px;
	font-size:14px;
	color:#758DA0;
	line-height:14px;
	text-align:left;
	font-weight:bold;
	/*white-space : pre;*/
}

.filet_vert
{
	float:left;
	height:360px;
	width:1px;
	margin:0px 4px 0px 5px;
	background-color : #CFD5D9;
}

.filet_hor
{
	/* background-color : #CFD5D9; */
	margin:4px 0px 5px;
	height:0px ;
	font-size:0px;
	border-top:1px solid #CFD5D9; 
	/* merci tramanh */
}

#info_produit
{
	background-color: #ffffff;
	float:left;
	width: 327px;
	height:360px;
}

#info_produit p
{
	font-size:11px;
	color:#758DA0;
}

#bienfait, #ingredient, #conseil
{
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	color:#758DA0;
	margin:0px 17px 0px 15px;
	height:170px;
	overflow:auto;
}

#bienfait img, #ingredient img, #conseil img
{
	float:left;
	margin-right:5px;
	margin-bottom:2px;
}

.img_produit
{
	position:relative;
	float:left;
	width : 232px;
	height : 360px;
	margin:0px;
	padding:0px;
	border:0px none;
}

.img_produit img
{
	width : 232px;
	height : 360px;
	padding:0px;
	margin:0px;
}

.img_produit .sticker img
{
	width : 100px;
	height : 100px;
	padding:0px;
	margin:0px;
}

.img_produit .sticker2 img 
{
	width : 80px;
	height : 48px;
}

.selecteur
{
	font-size:11px;
	color: #758DA0;
	margin:12px 17px 10px 15px;
}

.selecteur a
{
	font-size:11px;
	color: #758DA0;
	text-decoration:none;
}

.selecteur .sep
{
	padding:0px 8px;
}

#info_produit p.info1
{
	background-color: #FFFFFF;
	margin:0px 17px 1px 15px;
	font-size:12px;
	color: #758DA0; 
	padding-left : 7px;
	line-height:20px;
}

.info1 .prix
{
	background-color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	color: #758DA0;
}

.nothing
{
	width:0px;
	height:361px;
	font-size:0px;
}

.nothing2
{
	width:0px;
	height:145px;
	font-size:0px;
	margin-bottom:4px;
}

.bp
{
	margin:0px 17px 1px 15px;
	font-size:12px;
	line-height:20px;
}

.bp a.bppanier
{
	display:block;
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:12px;
	background: #758DA0 url(/elmts/itf/caddie_01.gif) no-repeat top right;
	text-align:right;
	text-decoration:none;
	padding-right:32px;
	font-weight:bold;
}

.bp a.bppanier:hover
{
	color:#758DA0;
	background: #CFD5D9 url(/elmts/itf/caddie_02.gif) no-repeat top right;
}

.fav
{
	margin:0px 17px 1px 15px;
	font-size:12px;
	line-height:20px;
}

.fav a.ico_fav
{
	
	color:#758DA0;
	font-size:12px;
	background: url(/elmts/favoris/etat_actif.gif) no-repeat top left;
	text-align:left;
	text-decoration:none;
	padding-left:22px;

}

.fav a.ico_fav:hover
{
	color:#758DA0;
	background: url(/elmts/favoris/etat_rollover.gif) no-repeat top left;
}

.faire_co
{
	margin:0px 17px 1px 12px;
	font-size:12px;
	line-height:20px;
}

.faire_co a.ico_faire_co
{
	
	color:#758DA0;
	font-size:12px;
	background: url(/elmts/faire_co/recomm_actif.gif) no-repeat top left;
	text-align:left;
	text-decoration:none;
	padding-left:25px;

}

.faire_co a.ico_faire_co:hover
{
	color:#758DA0;
	background: url(/elmts/faire_co/recomm_inactif.gif) no-repeat top left;
}

#bloc_ami_vide
{
	height:145px;
	margin:0px 0px;
	width:570px;
}

#bloc_ami
{
	height:175px;
	margin:0px 0px;
	width:570px;
}

.small_sep_vert
{
    float:left;
    height:145px;
    width:1px;
    margin:0px 7px 0px 7px;
    background-color : #CFD5D9;
}

.bloc_ami_elmt
{
	float:left;
	background-color: #EEF0F2;
	width:180px;
	height:145px;
}

.bloc_ami_img
{
	float:left;
	border:0px none;
}

.bloc_ami_texte
{
	float:left;
	width:80px;
	margin:37px 0px 0px -2px;
	color: #758DA0;
	text-align:left;
	font-size:12px;
	line-height:14px;
}

.bloc_ami_texte td
{
	font-size:9px;
	color: #758DA0;
	letter-spacing:0.5px;
}

.bloc_ami_texte a
{
	color: #758DA0;
	text-align:left;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
}

.bloc_ami_texte .first_line
{
	font-size:14px;
	line-height:16px;
	color:#CFD5D9;
	text-align:left;
}

.detail_vide
{
	height:88px;
}

.produit_lot
{
	margin:5px 0px;
}

#nav_prod
{
	font-size:0px; 
	border:0px none ;
}

#nav_prod div
{
	margin-top: 50px;
	margin-bottom:0px;
}

#nav_prod a
{
	color:#758DA0;
	font-weight:bold;
	margin:0px 13px;
	text-decoration :none;
}

#nav_prod a:hover
{
	text-decoration :underline;
}

#nav_prod .center
{
	margin-left:145px;
	margin-right:145px;
	text-align:center;
}

#nav_prod .center a
{
	text-decoration:underline;
	padding:3px 5px;
	margin:0px 1px;
	color:#CBE1F3;
	background-color:#758DA0;
}

#nav_prod .center a:hover
{
	color:#758DA0;
	background-color:#CBE1F3;
}

#nav_prod .current
{
	padding:3px 5px;
	color:#758DA0;
	background-color:#CBE1F3;
}

/*position des pastilles*/

.sticker
{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
}

/* positions des médailles*/

.sticker2
{
	position:absolute;
	top:150px;
	right:0px;
	width:80px;
	height:48px;
}

#div_fard
{
	background-color: #ffffff;
}

#div_fard form label
{
	font-size:11px;
	color:#758DA0;
}

#div_fard form caption,#div_fard form legend
{
	font-size:11px;
	color:#758DA0;
}

#div_fard #form_fard legend
{
	font-size:13px;
	padding:10px 0px 0px 10px;
	margin-bottom:10px;
}

#div_fard form input
{
	font-size:11px;
	color:#000;
}

#div_fard form
{
	padding-bottom:10px;
}

#div_fard table
{
	margin-top:10px;
	width: 275px;
	float:left;
	margin-left:5px;
}

#div_fard #palette2
{
	margin-left:0px;
}

#div_fard td
{
	vertical-align:top;
	padding-top:5px;
	width:55px;
	text-align:center;
}

#div_fard td input
{
	position:relative;
	left:-1px;
}

.info1 .prix_barred
{
	background-color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	color: #FF0000;
	text-decoration:line-through;
}

#sep_fard
{
	font-size:1px;
	height:5px;
}

#div_fard #palette1 caption,#div_fard  #palette2 caption
{
	font-size:16px;
	font-weight:bold;
}

#div_fard .separateur_v
{
	float:left;
	height:200px;
	width:1px;
	margin:0px 4px 0px 5px;
	background-color : #FFF;
}

#desc_cat .nouveaute
{
	color:#F00;
	font-size:12px;
	font-weight:normal;
}