/* New style recette */
#center {
	width:100% !important;
}

#hub{padding-bottom:0;}


#hub .top div{
	background: none;
    width: 360px;
    float: none;
    height: 370px;
	padding-top:10px;
	}
#hub .top div.title-head{
	clear:both;
	width:90%;
	height:45%;
	margin:0;
	padding:0;
	background:#FFFFFF;
	margin:40px 0 0 25px;
	text-align:center;
	}
	#hub .top div.title-head span{
	display:block;
	padding:25px 30px 0 30px;
	font: 400 29px 'EB Garamond', Arial, serif;
	 color:#009b79;
	 text-align:center;
	 margin:0;
	 border:none;
	 transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
	 -o-transform:none;
	 -ms-transform:none;
	 }

	 #hub .top div.title-head.small{width:65% !important;
	height:35% !important;}

#hub .top span.astuces {
    margin: 20px 0 0 25px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font: 400 17px 'Open Sans', Arial, sans-serif;
    text-align: left;
    padding-bottom: 0;
    border-bottom:none;
    display: block;
	float:left;
}


#hub .clear{ clear:both}
#hub .dn{display:none;}
#hub .leftbis{width: 350px !important; float:left;}
#hub .rightbis{width: 650px !important; float:right;}

#hub>div>h3 {
    font: 400 25px 'EB Garamond', Arial, serif;
    text-align: center;
    margin: 20px 0
}

/* Colonne de gauche */
#hub>div>h2{font:italic 200 15px 'Open Sans', Arial, sans-serif;margin-bottom: 30px;}
#hub>div>h3.first{ margin:70px 0 55px 0;}
#hub>div>h3.second{ margin:70px 0 25px 0;}

/* Colonne de droite */

#hub .right .topRight{background: #009b79;}
#hub .right .step div p{text-align:left !important;}

#hub .right .step div span.italic{text-align:right; font-size:14px;}

#hub .right .step div span.title{color:#009b79}
#hub .right .step div span.title:after, #hub .right .step div span.title:before{background: #75b230;}

/* Selection produit */
#hub span.green{font: 400 25px 'EB Garamond', Arial, serif; color:#009b79; text-align:center; display:block}

/* SUB Header */

#hub .sub-header{}
#hub .sub-header h2{font: 400 33px 'EB Garamond', Arial, serif; color:#169a79; text-align:left; display:block; padding:10px 10px 10px 0;}
#hub .sub-header p{font: 400 14px 'Open Sans', Arial, serif; color:#222222; text-align:left; display:block}
#hub .sub-header p span, #hub .sub-header p a{color:#169a79}


#hub ul.liste-recette li{ font-size:13px;}
#hub span.italic{ font-style:italic}
#hub span.infoplus{ font: 400 14px 'Open Sans', Arial, serif; text-align:left; border:none;}

/* Encart Bottom */
#hub .encart-bottom{
	margin-bottom: 0px;
    width: 100%;
    height: 300px;
    overflow: hidden;
	}

#hub .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;}

#hub .encart-bottom a.morebtn:hover{transition:0.5s all;}

#hub .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%;}
/* Mobile */

@media only screen and (max-width: 600px){

#hub .top div { margin-top:10px;}
#hub>div>h2{ margin-top:0}
    #hub .leftbis,
    #hub .righttbis {
        width: 100% !important;
    }
	#hub .leftbis.mobil,
    #hub .rightbis.mobil {
        width: 50%!important
    }
	#hub .resize{ width:100%; margin:0 auto;}
	#hub .nomarge{padding:0 !important;}


#hub .sub-header h2{font: 400 22px 'EB Garamond', Arial, serif; color:#169a79; text-align:left; display:block; padding:5px 10px 10px 10px; line-height:25px;}
#hub .sub-header p{font: 400 14px 'Open Sans', Arial, serif; color:#222222; text-align:left; display:block; padding:5px 10px 10px 10px;}
#hub .sub-header p span, #hub .sub-header p a{color:#169a79}

#hub .encart-bottom{
	margin-bottom: 0px;
    width: 100%;
    height: 450px;
    overflow: hidden;

	}
	#hub .encart-bottom a.morebtn{
	margin: 390px auto;}

}
#hub .top div.title-head span i{ font-style:italic !important}