.menublanc {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
.reference {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
.textecompo {  font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #000000}
.textecompo2 {  font-size:9px; font: normal Verdana, Arial, Helvetica, sans-serif; color: #000000}
.textecompogras {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
}
.savoirplus {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #046ABE}
.prixnormal {  font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900}
.prixbarre {  font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: line-through}
.texteindex {  font: normal 13px/17px Verdana, Arial, Helvetica, sans-serif; color: #000000}
.rubriqueindex {  font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
.savoirplusindex {  font: bold 11px Geneva, Arial, Helvetica, san-serif; color: #FF0000}
.bienetreindex {  font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #046ABE}
.infopanierhaut {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
.ref {  font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #046ABE}
.menubleu { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #046ABE; text-decoration: none}
.menurouge { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #DF2F31; text-decoration: none}
.menubleuclair { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #7FB4DC; text-decoration: none}
.menuorange { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: none}
.menuvert { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #C6D766; text-decoration: none}
.menubiowashball { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #019dd8; text-decoration: none}
.menunoir { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none}
.phrasebas {  font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif; color: #000000}
.contactpanier {  font: bold 14px/normal Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
a.savoirplusindex {  font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FF0000}
a.savoirplusindex:hover {  font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: none}
a.savoirplus {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #046ABE}
a.savoirplus:hover {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #046ABE; text-decoration: none}
a.textecompo {  font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #000000}
a.textecompo:hover {  font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none}
/* a:hover {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF} */

/* intro_ */
.intro_patch {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #046ABE}
.introrouge {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #DF2F31}
.introbleuciel {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #7FB4DC}
.introbleubiowashball {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #019dd8}
.introbienetre {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #48a1ba}
.introhaopi {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #004171}
.introorange {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900}
.introvert {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #C6D766}


.bannertexte1 {  font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #004171}
.bannertextepetit {  font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none}

.introbleu {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #046ABE}
.introrouge {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #DF2F31}
.introbleuciel {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #7FB4DC}
.introbleubiowashball {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #019dd8}
.introorange {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900}
.introvert {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #C6D766}
.intronoir {  font: bold 12px Verdana, Arial, Helvetica, sans-serif}
.etapetitre {  font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #999999}
.etapetitrenoir {  font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #000000}
.recaprodblanc {  font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
.totalnoir {  font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #000000}
.liencommande {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF}

/* trait_ */
/* eff .trait { BACKGROUND-POSITION: left top; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(images/menu/trait.jpg); BACKGROUND-REPEAT: no-repeat}.traitorange {  background: url(images/menu/trait-orange.jpg) no-repeat fixed left top} */
.trait {  background: url(images/menu/trait.jpg) no-repeat fixed left top}
.traitvert {  background: url(images/menu/trait-vert.jpg) no-repeat fixed left top}
.traitrouge {  background: url(images/menu/trait-rouge.jpg) no-repeat fixed left top}
.traitbleuciel {  background: url(images/menu/trait-bleuciel.jpg) no-repeat fixed left top}
.refconfort {  font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #FF9900}
.texteindexrouge {  font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #FF0000}
.textepetititaliq {  font: italic normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000000}
.menublanc {  text-decoration: none}
.img {float:left; margin: 0px 5px 5px 0;}


.banner1 {
	background-image: url(images/centre/haopi-banner01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner1_it {
	background-image: url(images/centre/haopi-banner01_it.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner2 {
	background-image: url(images/centre/haopi-banner02.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 180px;
	width: 271px;
}
.banner3 {
	background-image: url(images/centre/banner-271x167.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner3bis {
	background-image: url(images/centre/banner-271x252.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 252px;
	width: 271px;
}
.banner4 {
	background-image: url(images/centre/haopi-banner04.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner5 {
	background-image: url(images/centre/haopi-banner05.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner_promo {
	background-image: url(images/centre/haopi-banner_promo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.bannerzen {
	background-image: url(images/centre/banner-551x344.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 344px;
	width: 558px;
}
.bannerzen_new {
	background-image: url(images/centre/banner-551x344_new.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 344px;
	width: 558px;
}
.bannerzen2 {
	background-image: url(images/centre/banner551x344.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 344px;
	width: 558px;
}
.banner1EN {
	background-image: url(images/centre/haopi-banner01_EN.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner2EN {
	background-image: url(images/centre/haopi-banner02_EN.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner3EN {
	background-image: url(images/centre/banner-271x167_EN.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner4EN {
	background-image: url(images/centre/haopi-banner04_EN.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner5EN {
	background-image: url(images/centre/haopi-banner05_EN.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner1DE {
	background-image: url(images/centreD/banner01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner2DE {
	background-image: url(images/centreD/banner02.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 180px;
	width: 271px;
}
.banner3DE {
	background-image: url(images/centreD/banner-271x167DE.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner4DE {
	background-image: url(images/centreD/banner04.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.banner5DE {
	background-image: url(images/centreD/banner05.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 167px;
	width: 271px;
}
.bannermere {
	background-image: url(images/centre/fete-des-meres.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 344px;
	width: 558px;
}