/* GENERAL */
#center{width:1000px;margin:0 auto;overflow:hidden;}
#center_part_1{display:none;}
#center_part_2_full{width:100%;}
#contenuhome{width:100%;margin:0;}

/* HAPPY ESSENTIEL B */
#Happy-EssentielB {width:100%;max-width:1000px;margin:0 auto;padding:0;}
#Happy-EssentielB *{display:block;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Arial, sans-serif;font-size:14px;font-style:normal;font-weight:300;color:#fff;line-height:1.2em;transition:all .2s;}
#Happy-EssentielB h2,#Happy-EssentielB h2 *{font-family:'Open Sans', sans-serif;font-size:26px;text-align:center;text-transform:uppercase;}
#Happy-EssentielB h2 {font-weight:300;}
#Happy-EssentielB strong{font-weight:400;}
#Happy-EssentielB * strong {font-weight:600;}
#Happy-EssentielB a:not(.btn){text-decoration:none;color:#fff;}

/* BTN */
#Happy-EssentielB a.btn{position:absolute;bottom:14px;right:14px;width:170px;height:39px;text-decoration:none;color:#0096b1;border:1px #d7eff3 solid;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;background:#ffffff;padding:10px;overflow:hidden;font-size:16px;font-weight:400;}
#Happy-EssentielB a.btn:after{content:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/btn_next.png);display:block;position:absolute;right:10px;top:-1px;}
#Happy-EssentielB a.btn:hover{color:#ffffff;border:1px #ffffff solid;background:rgba(131, 201, 212, .7);}
#Happy-EssentielB a.btn:hover:after{content:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/btn_next_hover.png);display:block;position:absolute;right:10px;top:-1px;}

/* FLOAT */
#Happy-EssentielB .fright > div {float:right;}
#Happy-EssentielB .fleft > div {float:left;}

/* ALL BOX */
#Happy-EssentielB [class*="box"]{width:100%;position:relative;overflow:hidden;}
#Happy-EssentielB [class*="box"] > div{overflow:hidden;}
#Happy-EssentielB [class*="box"].fright,#Happy-EssentielB [class*="box"].fleft{height:445px;margin-bottom:17px;}

/* BOX-HEADER */
#Happy-EssentielB .box-header {height:292px;margin-bottom:14px;}
#Happy-EssentielB .box-header > img {width:auto;height:100%;}
#Happy-EssentielB .box-header > a {position:absolute;}
#Happy-EssentielB .box-header a.prev {background:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/btn_before.png) #fff no-repeat;top:21px;left:25px;width:39px;height:39px;border-radius:6px;border:1px #25a1b5 solid;}
#Happy-EssentielB .box-header a.prev:hover {background:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/btn_before_hover.png) #67BDCB no-repeat;border-color:#fff;}
#Happy-EssentielB .box-header a.social {width:31px;height:31px;top:5px;}
#Happy-EssentielB .box-header a.facebook {background:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/btn_social.png) 0 -62px no-repeat;right:80px;}
#Happy-EssentielB .box-header a.twitter {background:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/btn_social.png) 0 -31px no-repeat;right:49px;}
#Happy-EssentielB .box-header a.googleplus {background:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/btn_social.png) 0 0 no-repeat;right:15px;}

/* BOX-PRODUCT */
#Happy-EssentielB .product {background:#25a1b5;width:360px;height:100%;padding:14px;position:relative;}
#Happy-EssentielB .product img {width:67%;height:auto;margin:10px auto 15px;}
#Happy-EssentielB .product a.exclu{position:relative;}
#Happy-EssentielB .product a.exclu:before {content:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/exclu_essentiel_b.png);position:absolute;right:0;top:0;width:75px;height:auto;}
#Happy-EssentielB .product p {padding:0 16px 20px 16px;}
#Happy-EssentielB .product p *{display:inline;}
#Happy-EssentielB .product p + p a{font-style:italic;}
#Happy-EssentielB .product a.btn:hover > img{top:-100%;}
#Happy-EssentielB .product span.rating{float:right;position:relative;}
#Happy-EssentielB .product span.rating:after{top:13px;left:0;position:absolute;}
#Happy-EssentielB .product span.rating[data-rate-value="4.2"]:after{content:'4,2/5';font-size:9px;}
#Happy-EssentielB .product span.rating[data-rate-value="3.8"]:after{content:'3,8/5';font-size:9px;}
#Happy-EssentielB .product span.rating[data-rate-value="4.3"]:after{content:'4,3/5';font-size:9px;}
#Happy-EssentielB .product span.rating *{color:#f7a605;}

/* BOX-VISUAL */
#Happy-EssentielB .visual{width:calc(100% - 360px);max-width:640px;height:100%;overflow:hidden;position:relative;}
#Happy-EssentielB .fleft .visual:before{position:absolute;content:'';top:20px;right:0;width:0;height:0;border-top: 22px solid transparent;border-bottom: 22px solid transparent; border-right:22px solid #25a1b5;}
#Happy-EssentielB .fright .visual:before{position:absolute;content:'';top:20px;left:0;width:0;height:0;border-top: 22px solid transparent;border-bottom: 22px solid transparent; border-left:22px solid #25a1b5;}
#Happy-EssentielB .visual > img {width:auto;height:100%;}

/* BOX-CTA */
#Happy-EssentielB .box-cta p a{font-family:'Open Sans', sans-serif;text-align:center;text-transform:uppercase;background:#f7a605;margin-bottom:8px;font-size:24px;padding:20px 0;}
#Happy-EssentielB .box-cta p a:hover{background:#e75300;}

/* BOX-FOOTER */
#Happy-EssentielB .box-footer {height:350px;margin-bottom:0;border-top:#e75300 solid 4px;overflow:hidden;}
#Happy-EssentielB .box-footer {background:url(/content/static/bcom/desktop/evenements/2016/04_Happy-EssentielB/images/happy_footer.jpg) 50% 0 no-repeat;}
#Happy-EssentielB .box-footer > div {position:absolute;top: 0;left: 50%;transform: translate(-50%, 0); width:100%;height:100%;}
#Happy-EssentielB .box-footer > div > a:nth-child(1){position:absolute;top: 0;left: 0;right:0;bottom:0;z-index:10;display:block;width:100%;height:100%;}
#Happy-EssentielB .box-footer > div > p > a{font-family:'Open Sans', sans-serif;text-align:center;text-transform:uppercase;font-size:24px;padding:36px 0 15px;}
#Happy-EssentielB .box-footer > div > a > img{width:250px;height:auto;margin:0 auto;}

/* BOX-MOBILE */
#Happy-EssentielB .box-mobile,
#Happy-EssentielB .box-mobile *{display:none;height:0;width:0;}


/* HAPPY ESSENTIEL B : MOBILE */
@media screen and (max-device-width : 640px){
	#Happy-EssentielB .box-mobile,#Happy-EssentielB .box-mobile img {display:block;width:100%;height:auto;}
	#Happy-EssentielB .box-mobile{margin-bottom:14px;}
	#Happy-EssentielB .box-footer > img {bottom:0;top:0;height:100%;width:auto;}
	#Happy-EssentielB .box-header,#Happy-EssentielB .box-header *{display:none;height:0;width:0;}
	#Happy-EssentielB .product,#Happy-EssentielB .visual {height:auto;}
	#Happy-EssentielB .product,#Happy-EssentielB .visual {width:100%;max-width:none;}
	#Happy-EssentielB .product p {padding:0 6px 20px 6px;}
	#Happy-EssentielB .product p + p {padding-bottom:70px}
	#Happy-EssentielB [class*="box"].fright,
	#Happy-EssentielB [class*="box"].fleft{height:auto;}
	#Happy-EssentielB .visual > img {width:100%;height:auto;}
	#Happy-EssentielB .fleft .visual:before,#Happy-EssentielB .fright .visual:before{position:absolute;content:'';bottom:0;left: 50%;transform: translate(-50%, 0);top:auto;width:0;height:0;border-left: 22px solid transparent;border-right: 22px solid transparent; border-bottom:22px solid #25a1b5;}
	#Happy-EssentielB h2 br {display:none;}
}