@font-face {
	font-family: "Garamond";
	src: url('../fonts/Adobe-Garamond-Pro-Bold_2008.ttf');
}

*{margin:0;padding:0}
b,strong{font-weight:600}
i{font-style:italic}
#container{background-position-y:158px;}
#center{width:100%;background:none;padding-bottom:0;position:relative}
#center_part_2_full{width:100%;background:none}
#contenuhome{margin:0;background:none}
body{font-size:100%;background:none}
#ftr{margin:0 !important}
#header{overflow:hidden;background:#fff}
header{background:#fff;padding:0}
.clear{clear:both}
#hub{width:100%;max-width:1000px;margin:0 auto;padding-bottom:25px;font-size:12px}
#hub li{list-style:none}
#happy-you{width:1000px;overflow:hidden;display:block;margin:0 auto;font-family:'Open sans',Arial,sans-serif;position:relative}
#happy-you a.header-retour{position:relative;display:block;font:500 21px 'Open sans',Arial,sans-serif;color:#fff;text-decoration:none;text-align:left;padding:0 0 0 85px;margin-top:25px;background:none}
#happy-you a.header-retour:before{content:'';position:absolute;top:-13px;left:15px;width:50px;height:50px;border-radius:4px;border:1px solid #fff;}
#happy-you a.header-retour:after{content:'';position:absolute;top:1px;left:31px;width:19px;height:26px;background:url(../images/fleche-retour.png);background-size:100%;}

#happy-you .header-encart{position:absolute;top:200px;right:0;width:48.6%;background-color:#fff;opacity:0.8;padding:40px 25px}
#happy-you h1{font:300 36px 'Garamond',Arial,sans-serif;color:#8a4a7a;width:100%;text-align:center;margin:0 0 15px 0;padding:0;background:none;position:relative;padding-bottom:50px;font-weight:bold}
#happy-you h1:before{content:'';width:196px;height:1px;background-color:#8a4a7a;top:173px;left:142px;position:absolute;}
#happy-you .header-encart h2{font:300 16px 'Open sans',Arial,sans-serif;color:#515151;line-height:18px;width:100%;text-align:justify;margin:0;background:none;line-height:25px}

#happy-you .showMobile{display:none}
#happy-you #header-happy-you{width:100%;height:668px;background-none}
#happy-you #header-happy-you .header-container{position:relative;display:block}
#happy-you #header-happy-you .header-mob {display:none}
#happy-you #header-happy-you .header-container .logo{position:absolute;top:16%;left:1%}
#happy-you #header-happy-you .header-container .share{position:absolute;top:15px;left:1%;width: 440px;text-align: center;}
#happy-you #header-happy-you .header-container .share a{text-decoration:none;}
#happy-you #header-happy-you .header-container .share p{display:inline-block;font:400 24px 'Open Sans',Arial,sans-serif;color:#fff;vertical-align:middle;margin-bottom:36px}
#happy-you #header-happy-you .header-container .share img{cursor:pointer;-webkit-animation:bounce 3s infinite;animation:bounce 3s infinite;outline:0}

@-webkit-keyframes bounce{
0%,10%,15%,20%,45%,70%,80%,90%,91%,92%,93%,94%,95%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px)}}
@keyframes bounce{
0%,10%,15%,20%,45%,70%,80%,90%,91%,92%,93%,94%,95%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}

#happy-you .titre-01{width:100%;height:227px;background:url(../images/titre-01-bg.jpg) no-repeat top right;float:left}
#happy-you .titre-01 h3{width:41.6%;margin-left:7.8%;margin-top:40px;font-size:30px;color:#000;font-weight:normal}
#happy-you .titre-01 h4{width:41.6%;margin-left:7.8%;margin-top:4px;font-size:16px;color:#000;}

#happy-you .content{width:100%;padding:0;float:left}
#happy-you .content article.txt-content{width:50.6%;float:left;height:auto;padding:63px 5% 0;font-size:14px;text-align:left;}
#happy-you .content article.txt-content h3{text-align:left;font-size:30px;margin-bottom:35px;color:#8a4a7a;font-weight:bold; font-family:'Garamond',Arial,sans-serif;}
#happy-you .content article.txt-content a{text-decoration:none;font-weight:bold;color:#8a4a7a;}
#happy-you .content article.txt-content p{font-weight:100;font-size:16px;color:#515151;margin-bottom:35px;line-height:25px;text-align:justify;}
#happy-you .content article.txt-content span{font-weight:bold;color:#8a4a7a;}
#happy-you .content article.visu-content{float:right;margin-bottom:70px;}
#happy-you .content article.visu-content.first{margin-top:62px}
#happy-you .content article.visu-content-mob{display:none}

/***** C U S T O M *****/
.bracelet h1, .bracelet h3, .bracelet a {color:#157fa2 !important;}
.bracelet h1:before{background-color:#157fa2 !important;}

.barbe h1, .barbe h3, .barbe a, .poils h1, .poils h3, .poils a {color:#141a3e !important;}
.barbe h1:before, .poils h1:before {background-color:#141a3e !important;}

.poils .share *, .bracelet .share * {color:#000 !important;}

/********/
.clear{clear:both}
#backtop {width:74px;height:73px;position:fixed;right:45px;bottom:4%;z-index:250;background:url(../images/haut-btn.png);display:none}

/** Encart retour */

/* Encart Bottom */
#happy-you .encart-bottom{
	margin-bottom: 0px;
    width: 100%;
    height: 300px;
    overflow: hidden;
	}
	
#happy-you .encart-bottom a.morebtn{
	text-align:center;
	display: block;
	text-decoration: none;
	font: 400 18px Arial, sans-serif;
	color: #FFFFFF!important;
	width: 220px;
	height: 40px;
	line-height: 40px;
	border-radius:5px;
	transition:0.8s all;
	margin: 250px 0px 0 40px;}
	
#happy-you .encart-bottom a.morebtn:hover{transition:0.5s all;}
	
#happy-you .encart-bottom a.morebtn:after{content:"";
	display: inline-block;
	float: left;
	border-right: 1px solid #FFFFFF;
	background:url('/content/static/bcom/desktop/evenements/2016/01_recettes/part2/img/fleche_btn.png') no-repeat center center;
	background-size: 80% 100%;
	width: 40px;
	height: 100%;}

@media all and (max-width:640px){
	#container{background:none}
	#happy-you{width:100%}
	#happy-you #header-happy-you .header-container{display:none;}
	#happy-you #header-happy-you .header-mob{display:block;background-size:100%;width:80%;margin:0 auto;position:relative;}
	#happy-you #header-happy-you .header-mob .header-encart{text-align:justify;position:absolute;box-sizing:border-box;top:200px;left:0;width:90%;background-color:#fff;padding:15px 25px 20px;opacity:0.9;margin:10% 4.5%;}
	#happy-you .header-encart h2{font:300 21px 'Garamond',Arial,sans-serif;color:#8a4a7a;width:100%;text-align:center;margin:0 0 15px 0;padding-bottom:3px;background:none}
	#happy-you .header-encart .sep{width:80%;height:1px;background-color:#8a4a7a;display:block;margin-left:10%;margin-bottom:15px}
	#happy-you .header-encart h3{font:300 16px 'Open sans',Arial,sans-serif;color:#515151 !important;line-height:18px;width:100%;margin:0;background:none;line-height:22px;} 
	#happy-you #header-happy-you .header-mob .header-encart br{display:none}
	#happy-you #header-happy-you .header-mob .share{position:absolute;top:15px;right:1%;width:216px;text-align: center;}
	#happy-you #header-happy-you .header-mob .share a{text-decoration:none}
	#happy-you #header-happy-you .header-mob .share p{display:inline-block;font:400 22px 'Open Sans',Arial,sans-serif;color:#fff;vertical-align:middle;margin-bottom:0}
	#happy-you #header-happy-you .header-mob .share img{cursor:pointer;-webkit-animation:bounce 3s infinite;animation:bounce 3s infinite;outline:0}
	#happy-you .content article.txt-content{width:90%}
	#happy-you .content article.visu-content{display:none}
	#happy-you .content article.txt-content {padding:15px 5% 0;margin-top:30px;} 
	#happy-you .content article.visu-content-mob{display:block;padding:15px 5% 0;}
	#happy-you .content article.visu-content-mob img{margin:auto;width:100%}
	#happy-you .content article.visu-content-mob.footer-portail {margin-top:15px}
	#happy-you .content article.txt-content h3{text-align:left;font-size:25px;margin-bottom:13px;color:#8a4a7a;font-weight:bold}
	#happy-you .content article.txt-content h3 br{display:none;}
	#happy-you .content article.txt-content p{font-weight:100;font-size:16px;color:#515151;margin-bottom:35px}
	
	.bracelet h2, .bracelet a {color:#157fa2 !important;}
	.bracelet .sep {background-color:#157fa2 !important;}
	.barbe h2, .barbe a, .poils h2, .poils a {color:#141a3e !important;}
	.barbe h2:before, .poils .sep {background-color:#141a3e !important;}
	
	#happy-you .encart-bottom{
	margin-bottom: 0px;
    width: 100%;
    height: 450px;
    overflow: hidden;
	
	}
	#happy-you .encart-bottom a.morebtn{
	margin: 390px auto;}
}