@charset "utf-8";
/* CSS Document */

/*______________________________________________BONS PLANS*/


body#bons_plans #leftmenu,
body#bons_plans2 #leftmenu {
	background: transparent url('../../image/bonsplans/bg_left.jpg') top left no-repeat;
}

body#bons_plans #contenu,
body#bons_plans2 #contenu {
	float: left;
	background: transparent url('../../image/bonsplans/bg_left_repeat.jpg');
	background-repeat: repeat-y;
}

body#bons_plans #contenu_right {
	float: left;
	width: 729px;
	margin: 0 2px 0px 0px;
	text-align: left;
	background: transparent url('../../image/bonsplans/bg_right.jpg') -10px 0 no-repeat;
}

body#bons_plans #leftmenu #leftmenu_titre a,
body#bons_plans2 #leftmenu #leftmenu_titre a {
	float: left;
	width: 150px;
	height: 60px;
	margin: 26px 0 0 0px;
	text-align: left;
	background: transparent url('../../image/bonsplans/plans.gif') 26px 0px no-repeat;

}

#colonne_milieu{width:500px; height:615px;float:left;}
#bienvenue_plans{width:445px; height:70px; margin-top:4px; margin-left:1px; background-image:url(../../image/bonsplans/chezDHC.png); background-repeat:no-repeat;}
#bienvenue_plans p{visibility:hidden;}
#contenu_texte_plans{width:363px; height:35px; margin-left:2px; margin-top:20px;background-image:url(../../image/bonsplans/decouvrez.png); background-repeat:no-repeat;}
#contenu_texte_plans p{text-indent:-9999; visibility:hidden;}


#menus_bonsplans1-promo {
	clear:both;
	float:left;
	width:202px;
	height:175px;
	margin-top:24px;
	padding-right:5px;
}
#menus_bonsplans1-ligne {
	float:left;
	width:15px;
	height:175px;
	margin-top:24px;
	background: transparent url('../../image/bonsplans/ligne-verticale.png') 2px 15px no-repeat;
}
#menus_bonsplans1-evenement {
	float:left;
	width:191px;
	height:175px;
	margin-top:24px;
	line-height:18px;
}


#menus_bonsplans1 dd {
	font-weight:bold;
	font-size:13px;
	padding-left:20px;
	background-image:url(../../image/commun/point-fleche.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#menus_bonsplans1 dt{
	position:relative;
	padding-left:22px;
	margin-top:4px;
	margin-bottom:13px;
	line-height:15px;
}


#promotion-cemois-ci {
	clear:both;
	float:left;
	width:168px;
	height:111px;
	margin-top:12px;
	margin-left:21px;
	background: transparent url('../../image/bonsplans/promotion-cemois-ci.png') top left no-repeat;
	padding-top:18px;
	padding-left:4px;
}

#evenement-focus-mois {
	clear:both;
	float:left;
	width:168px;
	height:111px;
	margin-top:-4px;
	margin-left:15px;
	background: transparent url('../../image/bonsplans/evenement-focus-mois.png') top left no-repeat;
	padding-top:18px;
	padding-left:4px;
}


#menus_bonsplans2 {
	clear:both;
	float:left;
	width:420px;
	margin-left:2px;
	margin-top:24px;
	line-height:19px;
}

#menus_bonsplans2 dd {
	position:relative;
	font-weight:bold;
	font-size:13px;
	padding-left:20px;
	background-image:url(../../image/commun/point-fleche.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#menus_bonsplans2 dt{
	position:relative;
	padding-left:22px;
	margin-bottom:13px;
}



/*______________________________________________Événements */


body#bons_plans #contenu_right_evenement {
	float: left;
	width: 729px;
	margin: 0 2px 0px 0px;
	text-align: left;
	background: transparent url('../../image/bonsplans/Evenements/bg-evenements-vague.jpg') top left no-repeat;
}

#titre-bonsplans-evenements{width:550px; height:30px; float:left; background-image:url(../../image/bonsplans/Evenements/titre-evenement.gif); background-repeat:no-repeat;}
#titre-bonsplans-evenements h2{visibility:hidden;}
#soyez-evenements{width:700px; height:25px; float:left;}
.barre-bleu-event{width:716px; height:29px; float:left; background-image:url(../../image/bonsplans/barlesdhc1.gif); background-repeat:no-repeat;}
.design-bleu-event{width:520px; height:auto; float:left; background-image:url(../../image/commun/point.gif); background-repeat:no-repeat;
background-position:left; margin-left:10px; padding:2px;}
.quinze{font-size:15px; font-weight:bold;}
.decale-event{padding-left:20px;}
.white-event{color:#FFFFFF; margin-top:5px; padding-left:13px;}
#superstar-event{width:530px; height:auto; float:left;}
.decouvrez-event{width:500px; margin-left:20px; padding-top:6px;}
#image-moins5euros{width:147px; height:172px; float:left;}
#grace-event{width:450px; margin-left:20px; padding-top:8px;}
#decouvre-event{width:500px; margin-left:20px; padding-top:10px;}
.rose-event{font-size:15px; color:#E20A55; font-weight:bold;}
.bouton-event{clear:both; width:250px; margin-top:15px; margin-left:20px;}
#deep-event{width:118px; height:175px; float:left;}
#toutlemonde-event{width:385px; float:left;}
.decouvrez-deep{width:350px; margin-left:20px; padding-top:3px;}
#decouvrer-deep{width:350px; margin-left:20px; padding-top:10px;}
.deep-cleansing-event{width:163px; float:left; height:245px;}
#olive-numero-event2{width:555px; float:left;}
#etoile-evenements{width:450px; height:20px; margin-top:15px; margin-left:20px; 
background-image:url(../../image/bonsplans/Evenements/janvier/etoil.jpg); background-repeat:no-repeat;}
.etoile-event{padding-left:20px;}
#olive-club-event{width:157px; float:left;}
.ancres-evenements{width:710px; height:13px; float:left;}
#ancre-evenement{width:710px; height:8px; float:left;}
.espace7{clear:both; width:350px; height:7px; float:left;}
.espace-event{width:350px; height:5px; margin-left:20px;}

/*______________________________________________Page Avantages Binevenue*/
body#bons_plans #contenu_right_bienvenue {
	float: left;
	width: 729px;
	height:650px;
	margin: 0 2px 0px 0px;
	text-align: left;
	background: transparent url('../../image/bonsplans/backavantages.jpg') top left no-repeat;
}
#global-avantages-bienvenue{width:715px; float:left; color:#222222;}
#titre-avantages-bienvenue{width:340px; height:30px; background-image:url(../../image/bonsplans/titreavantagebienvenu.gif);
background-repeat:no-repeat; float:left;}
#titre-avantages-bienvenue h2{visibility:hidden;}
#slogan-avantages-bienvenue{width:350px; float:left; margin-top:7px; color:#777777;}
.barre-bleu{width:716px; height:29px; float:left; background-image:url(../../image/bonsplans/barlesdhc1.gif); background-repeat:no-repeat;
margin-top:11px;}
.white-avantages{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; margin-top:5px; padding-left:10px;}

/* Avantages inscription */
#avantages-inscription { float:left; width:709px; height:245px;}
#avantages-inscription-image-SubeSube {float:left; width:254px;}
#avantages-inscription-texte {float:left; width:455px;}
#avantages-inscription-texte p.avantages-inscription-main-texte { padding-top:67px; padding-bottom:32px; font-size:13px; line-height:19px;}
p.avantages-inscription-main-texte strong {font-size:17px;}
#avantages-inscription-texte p.avantages-inscription-renvoie-texte { padding-bottom:7px; font-size:11px; line-height:14px; width:448px;}
.bouton-inscription{ float:right; padding-right:10px;}
/* End Avantages inscription */

#profitez-avantages{width:650px; height:30px; float:left; margin-left:10px; margin-top:5px;}

/* 1ere commande */
#avantages-1ere-commande{clear:both; float:left; width:700px; height:170px; background-image:url(../../image/bonsplans/bg-avantages-1ere-commande.jpg); background-repeat:no-repeat; background-position:2px 0px; margin-left:10px;}
#avantages-1ere-commande1{float:left; width:200px; height:168px; padding-top:2px; line-height:20px;}
#avantages-1ere-commande1-texte-bas{padding-top:85px;}
#avantages-1ere-commande2{float:left; width:275px; height:168px; padding-left:15px; padding-top:2px; line-height:20px;}
#avantages-1ere-commande2-texte1{padding-top:8px;}
#avantages-1ere-commande2-texte2{padding-top:36px;}
#avantages-1ere-commande3{float:left; width:188px; height:73px; padding-left:18px; padding-top:2px; line-height:20px;}
#avantages-1ere-commande4{float:left; width:188px; height:50px; padding-left:18px; padding-top:28px;  line-height:20px;}
#avantages-1ere-commande4-texte{float:left; width:168px;}
#avantages-1ere-commande4-interrogation{float:left; width:17px; padding-top:21px;}
#avantages-1ere-commande .couleur-rose-dhc { font-size:13px; }
#bouton-commander-SubeSube {width:307px; height:23px; float:left; margin-left:397px; margin-top:10px; cursor:pointer;}
/* End 1ere commande */



/*_______________________________________________Page les + DHC*/

.conseils2{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; margin-top:18px; margin-left:1px;}
.conseils3{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; margin-top:18px; margin-left:5px;}
.bonplans1{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#E20A55; margin-top:18px; margin-left:5px; font-weight: bold;}
.bonplans2{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#0077B0; margin-top:18px; margin-left:0px; font-weight: bold;}
.bonplans3{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin-top:18px; margin-left:0px;}
.bonplans4{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#777777; margin-top:18px; margin-left:0px;}

body#bons_plans #contenu_right_lesplusDHC {
	float: left;
	width: 729px;
	height:570px;
	margin: 0 2px 0px 0px;
	text-align: left;
	background: transparent url('../../image/bonsplans/backlesdhc.jpg') top left no-repeat;
	color:#000000;
}

#titre-avantages-plus{width:280px; height:30px; background-image:url(../../image/bonsplans/titrelesdhc1.gif);
background-repeat:no-repeat; float:left;}
#titre-avantages-plus h2{visibility:hidden;}
#profitez-plus{width:650px; height:30px; float:left; margin-left:10px; margin-top:20px;}
#line-contenu-plus{width:20px; height:170px; background-image:url(../../image/bonsplans/line.gif); background-repeat:no-repeat;
background-position:center center; float:left;}
#contenu-droit-plus{width:280px; float:left;}
.englobe-gauche-plus{width:370px; float:left; padding-left:40px;}

#design-bleu-plus{width:220px; height:20px; float:left; background-image:url(../../image/bonsplans/bouton-bleu.gif); background-repeat:no-repeat;
background-position:left; padding-top:3px; text-align:right;}
#design-bleu-fidelite{width:253px; height:20px; float:left; background-image:url(../../image/bonsplans/bouton-bleu.gif); background-repeat:no-repeat;
background-position:left; padding-top:3px; text-align:right;}
.decalage-plus{padding-left:12px;}
#ensavoir-plus-plus{width:20px; height:20px; float:left; margin-top:2px; padding-left:5px;}
#design-bleu-livraison{width:200px; height:20px; float:left; background-image:url(../../image/bonsplans/bouton-bleu.gif); background-repeat:no-repeat;
background-position:left; padding-top:3px; text-align:right;}
#garantie-satisfaction-plus{width:300px; float:left; margin-top:15px;}
#garantie-satisfaction-plus2{width:340px; float:left; margin-top:7px;}
.bleu-plus{color:#0077B0; font-weight:bold;}
#tous-avantages-plus{width:280px; float:left; text-align:center; margin-top:30px;}
#newsletter-DHC-plus{width:650px; float:left; margin-left:10px; margin-top:35px;}
#texte-newsletter-plus{width:600px; float:left;}
.recevoir-newsletter-plus{width:300px; float:left; padding-left:35px; margin-top:15px; margin-bottom:25px;}
#bouton-profiter-plus{width:200px; float:left; margin-top:16px; padding-left:45px;}

/*_____________________________________________Page Astuces Bonus*/

body#bons_plans #contenu_right_astuces {
	float: left;
	width: 729px;
	margin: 0 2px 0px 0px;
	text-align: left;
	color:#000000;
	background: transparent url('../../image/bonsplans/backatucesbonus.jpg') top left no-repeat;
}

.bonplans5{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; margin-top:18px; margin-left:0px; text-decoration: underline;}
#titre-astuces-bonus{width:360px; height:30px; background-image:url(../../image/bonsplans/titreastuces.gif);
background-repeat:no-repeat; float:left;}
#titre-astuces-bonus h2{visibility:hidden;}

#voici-comment-bonus{width:300px; margin-top:10px; margin-bottom:15px;}
#contenu-englobant-general{width:650px; float:left; margin-left:10px;}
.design-bleu-astuces{width:500px; height:20px; background-image:url(../../image/bonsplans/bouton-bleu.gif); background-repeat:no-repeat;
background-position:left; padding-top:3px; margin-left:5px; float:left;}
#contenu-englobant-general a {color:#000000!important; text-decoration:underline!important;}
#contenu-englobant-general a:hover{color:#000000!important; text-decoration:underline!important;}
.decalage-astuces-bonus{padding-left:25px;}
#bouton-astuces-bonus{width:190px; padding-left:30px; margin-top:20px; float:left;}
#bouton-newsletter{width:200px; padding-left:5px; margin-top:20px; float:left;}
#tout-savoir-bonus{width:500px; float:left; margin-top:20px;}
#espace-astuces-bonus{width:500px;float:left; height:172px;}