div.main{
	padding-top: 0;
	}
footer.main{
	position: relative;
	z-index: 30;
	}	
.metacell{
	background-color: #fff;
	}
.metacell strong{
	font-weight:bold
	}	
.metacell sub{
	line-height:0;
	}	
.metacell p{
	font-size: 14px;
	line-height: 18px;
	}
.metacell > header{
	background: #fff url("images/bg_banner.jpg") no-repeat center bottom;
	}
.metacell > header,
.metacell > section{
	padding: 155px 0 0;
	margin-bottom: -137px;
	}
.metacell > header > div{
	height: 595px;
	}
.metacell > header .main-center{
	position: relative;
	top: 0;
	}
.metacell > header h1{
	padding-top: 50px;
	font:58px/1em 'FuturaBT-Light',arial;
	color: #007da4;
	margin:0 0 20px;
	}
.metacell > header h1 strong{
	font-weight:normal;
	font-size:inherit;
	}
.metacell > header .link_produit{
	position:absolute;
	display:block;
	top:0; 
	left:0;
	width:960px; 
	height:595px;
	text-indent:-9999em;
	}
.metacell .obj_header{
	position:absolute;
	top:245px; 
	left:0;
	width:540px;
	text-align:right;
	}
.metacell .obj_header h2{
	font-size: 24px;
	font-family: 'FuturaBT-Bold',arial;
	color: #007da4;
	}
.metacell .obj_header h3{
	margin: 0;
	font: 15px/21px 'FuturaBT-Bold',arial;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 20px;
	}
.metacell .obj_header p{
	position:relative;
	left:25px;
	display:inline-block;
	font-size: 12px;
	line-height:1.1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding:5px 25px;
	background:#fff;
	-webkit-box-shadow:0 0 6px rgba(236,0,139,.3);
	   -moz-box-shadow:0 0 6px rgba(236,0,139,.3);
			box-shadow:0 0 6px rgba(236,0,139,.3);
	}
.metacell .obj_header p strong{
	font-family: 'FuturaBT-Bold',arial;
	}
	
	
/*-- LIEN EXTERNE --*/
.metacell .link_article{
	display: block;
	margin: 30px 0 0 0;
	font-size: 14px;
	color: #636363;
	font-family: 'FuturaBT-Bold',arial;
	text-transform: uppercase;
}
.metacell .link_article span{
	color: #007da4;
}

/* --------------------------
 * MENU NAVIGATION 
 * ----------------------- */
.metacell .obj_menu{
	position: absolute;
	top: 30px; 
	right: 0;
	width: 223px;
	}
.metacell .obj_menu h2{
	font: 15px/14px 'FuturaBT-Bold',arial;
	letter-spacing: -1px;
	margin: 10px 0 20px 0;
	}
.metacell .obj_menu li{
	max-width: 190px;
	margin: 0 0 10px 0;
	}
.metacell .obj_menu a{
	text-transform: uppercase;
	font-family: 'FuturaBT-Light',arial;
	color: #959595;
	font-size: 13px;
	}
.metacell .obj_menu a:hover,
.metacell .obj_menu a.active{
	font-weight: bold;
	}
/* --------------------------
 * GENERAL SECTIONS 
 * ----------------------- */
.metacell section .main-center{
	position: relative;
	top: 0;
	}
.metacell section .main-center > div{
	padding: 30px 260px 30px 0;
	}
.metacell section .main-center > div > h2{
	margin-bottom: 20px;
	font: 21px/21px 'FuturaBT-Book',arial;
	color: #008ab0;
	}	
/* --------------------------
 * SECTION PHOTOAGING
 * ----------------------- */	
.metacell .obj_photoaging .obj_sample{
	float: left;
	width:205px;
	position: relative; 
	top: 0;
	margin: 0 25px 25px 0;
	}
.metacell .obj_photoaging .obj_sample img{
	width:100%;
	vertical-align:text-bottom;
	}
.metacell .obj_photoaging .obj_sample .txt_over{
	position: absolute;
	top: 10px; 
	right: 10px; 
	bottom: 10px; 
	left: 10px;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.65);
	display: none;
	cursor: default;
	font-size:13px;
	}
.metacell .obj_photoaging .obj_sample:hover .txt_over{
	display: block;
	}
.metacell .obj_photoaging .obj_sample .txt_over h3{
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #007da4;
	font-size:1em;
	line-height:1.076923em;/* 14px */
	font-family: 'FuturaBT-Bold',arial;
	}
.metacell .obj_photoaging .obj_sample .txt_over p{
	color: #007da4;
	font-size:1em;
	line-height:1.384615em;/* 18px */
	}
/* --------------------------
 * SECTION PHOTOAGING
 * ----------------------- */	
.metacell section.technology{
	max-width:960px;
	margin-right:auto;
	margin-left:auto;
	background: url("images/f_separation.gif") repeat-x center 149px;
	}
.metacell section.technology > div{
	padding-bottom:6px;
	background: url("images/f_separation.gif") repeat-x center bottom;
	}
.metacell section.technology .main-center{
	height:562px;
	background: url("images/bg_technology.jpg") right top no-repeat; 
	}
.metacell .obj_ingredient{
	color: #636363;
	margin: 30px 0 0 0;
	}
.metacell .obj_ingredient strong{
	display: block;
	font: 14px/25px 'FuturaBT-Bold',arial;
	}
.metacell .obj_ingredient ul{
	list-style-type: disc;
	padding: 0 0 0 15px;
	}
.metacell .obj_ingredient li{
	font-size: 14px;
	line-height: 24px;
	}
/* --------------------------
 * SECTION RESULTS 
 * ----------------------- */	
.metacell .obj_results{
	margin-bottom: 30px;
	}
.metacell .obj_results p strong{
	text-transform: uppercase;
	font-family: 'FuturaBT-Bold',arial;
	color: #636363;
	}
.metacell .obj_results .ctn_left{
	float: left;
	margin-right:9.2857142%;/* 65px */
	}
.metacell .obj_results .ctn_left h4{
	color: #007da4;
	text-transform: uppercase;
	font-family: 'FuturaBT-Bold',arial;
	font-size: 12px;
	}
.metacell .obj_results .obj_before-after{
	margin: 0;
	padding: 10px 0 0 0;
	}
.metacell .obj_results .obj_before-after figure img {
	width: 335px;
	height: 335px;
	}
.metacell .obj_results .obj_before-after figcaption {
	font-family: 'FuturaBT-Bold',arial;
	font-size: 14px;
	text-transform: uppercase;
	width: 150px;
	}
.metacell .obj_results .ctn_right{
	float: left;
	width: 250px;
	}
.metacell .obj_results .obj_benefits{
	padding: 60px 0;
	}
.metacell .obj_results .obj_benefits.centre{
	padding: 120px 0 0 0;
	}
.metacell .obj_results .obj_benefits img{
	margin: 0 0 5px 0;
	}
.metacell .obj_results .obj_benefits strong{
	display: block;
	font-size: 0;
	text-indent: -999em;
	}
.metacell .obj_results .obj_benefits span{
	display: block;
	padding-left: 35px;
	font: 21px/21px 'FuturaBT-Book',arial;
	color: #008ab0;
	text-transform: uppercase;
	}
	
.metacell .obj_results .ctn_small{
	margin: 20px 0;
	font-size: 12px;
	color: #636363;
	font-style: italic;
	}
.metacell .obj_results .ctn_small p{
	color:#636363;
	font-size:12px;
}	
.metacell .obj_results .ctn_renewed{
	margin: 60px 0 20px 0;
	}
/* --------------------------
 * SECTION TREATMENT
 * ----------------------- */	
.metacell section.treatment .main-center{
	border-top: 7px solid #e1eeef;
	}
.metacell .obj_treatment .obj_produit{
	width: 200px;
	padding-right: 30px;
	float: left;
	}
.metacell .obj_treatment .obj_produit a{
	display:block;
	}
.metacell .obj_treatment .obj_produit h3{
	text-transform: uppercase;
	font: 14px/16px 'FuturaBT-Bold';
	}
.metacell .obj_treatment .obj_produit p{
	margin: 10px 0;
	line-height: 20px;
	}
.metacell .obj_treatment .obj_produit p span{
	display: inline-block;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
			border-radius: 5px;
	text-transform: uppercase;
	font: 10px/10px 'FuturaBT-Bold';
	color: #008ab0;
	}
.metacell .obj_treatment .obj_produit p .action{
	background: #008ab0;
	color: #fff;
	}	
/* --------------------------
 * RECOMMEND
 * ----------------------- */	
.metacell section.recommend .main-center {
    border-top: 7px solid #e1eeef;
	}
.metacell section.recommend h2{
	display:block;
	}
.metacell section.recommend .obj_produit{
	clear:both;
	min-height:145px;
	padding-top: 20px;
	}
.metacell section.recommend .obj_produit a{
	display:block;
	}
.metacell section.recommend .obj_produit h3{
	font: 14px/14px 'FuturaBT-Heavy';
	} 
.metacell section.recommend .obj_produit figure{
	width:115px;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
	}
.metacell section.recommend .obj_produit figure img{
	width:96.521739%;/* 111px */
	}
.metacell section.recommend .obj_produit + .obj_produit figure img{
	width:53.9130434%;/* 62px */
	}
.metacell section.recommend .obj_produit p{
	/*line-height:25px;*/
	}
.metacell section.recommend .obj_produit .t_produit{
	display:table-cell;
	vertical-align:middle;
	padding-left: 35px;
	} 	
/* --------------------------
 * BUSINESS 
 * ----------------------- */
.metacell section.business .main-center {
    border-top: 7px solid #e1eeef;
	}
.metacell section.business .main-center > div > h2{
	display:block;
	margin:0 0 45px 0;
	}
.metacell section.business .obj_produit{
	float: left;
    min-height: 145px;
    width: 215px;
	margin-right: 25px;
	}
.metacell section.business .obj_produit.last{
	margin:0;
	}
.metacell section.business .obj_produit h3{
	font: 14px/14px 'FuturaBT-Heavy';
	}	 
.metacell section.business .obj_produit figure{
	width:90px;
	text-align:left;
	display: table-cell;
	vertical-align:middle;
	}
.metacell section.business .obj_produit p{
	line-height:25px;
	}
.metacell section.business .obj_produit .t_produit{
	display:table-cell;
	vertical-align:top;
	} 	
/* ================================================
 * METACELL PRO
 * ============================================= */
.metacell.pro .section06{
	margin-bottom: 0;
	}
.metacell.pro .section01 .main-center > div{
	padding:30px 0;
	}
.metacell.pro .obj_photoaging .obj_sample {
	width:15.104166%;/* 145px */
	margin: 0 0 25px 1.5625%;/* 0 0 25px 15px */
	}
.metacell.pro .obj_photoaging .obj_sample .txt_over {
	top:0; 
	right: auto;
	padding: 10px 0 10px 10px;
	bottom: auto; 
	left: 0;
	width: 230px;
	z-index: 10;
	background: none;
	}
.metacell.pro .obj_photoaging .sample_05 .txt_over,
.metacell.pro .obj_photoaging .sample_06 .txt_over {
	right: 0; left: auto;
	padding: 10px 10px 10px 0;
	}
.metacell.pro .obj_photoaging .obj_sample .txt_over .bloc_bg{
	background: url("images/bg_transparent.png") repeat 0 0;
	padding: 10px;
	margin: 0 0 5px 0;
	}
.metacell.pro .obj_photoaging .obj_sample .txt_over .bloc_bg h3{
	color: #fff;
	}
.metacell.pro .obj_photoaging .obj_sample .txt_over .bloc_bg p{
	margin: 0;
	color: #fff;
	}
.metacell.pro .obj_photoaging .obj_sample .bloc_legende{
	border-left: 1px solid #000;
	margin: 0 0 0 10px;
	padding-left:10px;
	color: #fff;
	font-size: 13px;
	}
.metacell.pro .obj_photoaging .sample_05 .bloc_legende,
.metacell.pro .obj_photoaging .sample_06 .bloc_legende{
	border-left: none;
	border-right: 1px solid #000;
	margin: 0 10px 0 0;
	padding-left: 0;
	padding-right:10px;
	text-align: right;
	}
.metacell.pro .obj_photoaging .sample_01 .bloc_legende{
	padding-top: 60px;
	}
.metacell.pro .obj_photoaging .sample_02 .bloc_legende{
	padding-top: 70px;
	}
.metacell.pro .obj_photoaging .sample_03 .bloc_legende{
	padding-top: 170px;
	}
.metacell.pro .obj_photoaging .sample_04 .bloc_legende{
	padding-top: 260px;
	}
.metacell.pro .obj_photoaging .sample_05 .bloc_legende{
	padding-top: 250px;
	}
.metacell.pro .obj_photoaging .sample_06 .bloc_legende{
	padding-top: 250px;
	}
/* --------------------------
 * METACELL PUBLIC
 * ----------------------- */
.metacell.public .section04{
	margin-bottom: 0;
	}
/* ----------------------------------
 * formation
 * ------------------------------- */
.metacell .link_article.formation{
	display: block;
	margin: -17px 0px 0px 150px;
	font-size: 14px;
	color: #636363;
	font-family: 'FuturaBT-Bold',arial;
	text-transform: uppercase;
	}
/* ////////////////////////////////////////
 *
 * $ RESPONSIVE 
 *
 * ///////////////////////////////////// */
/* ========================================
 * ECRAN < 960px
 * ===================================== */
@media screen and (max-width:960px){
	
	.metacell .obj_menu{display:none;}
	
	.metacell > header{background-position:right -200px top 60px;padding-top:65px;}
	.metacell > header > div{padding-left:25px;}
	.metacell > header .main-center{padding-right:260px;}
	.metacell > header .obj_header{width:auto;right:290px;}
	
	.metacell section .main-center > div{padding:30px 25px;}
	
	.metacell.public .obj_photoaging .obj_skin_samples{text-align:center;} 
	.metacell.public .obj_photoaging .obj_sample{float:none;display:inline-block;margin-right:12px;margin-left:12px;}
	
	
	.metacell section.technology .main-center{height:auto;background-size:cover;}
	
	.metacell .obj_treatment{text-align:center;}
	.metacell .obj_treatment h2{text-align:left;}
	.metacell .obj_treatment .obj_produit{float:none;display:inline-block;text-align:left;vertical-align:text-top;}
}
/* ========================================
 * ECRAN < 768px ( ipad portrait )
 * ===================================== */
@media screen and (max-width:768px){
	.metacell .obj_results .ctn_left{float:none;width:335px;margin:0 auto 30px;}
	.metacell .obj_results .ctn_right{float:none;width:auto;}
	
	.container .metacell .obj_results .obj_benefits{position:relative;padding:0 0 0 98px;margin-bottom:20px;}
	.container .metacell .obj_results .obj_benefits img{position:absolute;left:0;top:0;width:88px;}
	.container .metacell .obj_results .obj_benefits span{padding:0;}
	
	.metacell .obj_treatment .obj_produit{display:block;width:auto;margin:0 0 30px;}
	.metacell .obj_treatment .obj_produit a{position:relative;padding:0 0 0 75px;min-height:130px;}
	.metacell .obj_treatment .obj_produit img{position:absolute;left:8px;top:-10px;height:130px;}
	.metacell .obj_treatment .obj_produit + .obj_produit img{left:9px;top:-5px;}
	.metacell .obj_treatment .obj_produit + .obj_produit + .obj_produit img{left:0;top:-10px;}
	
	.metacell section.recommend .obj_produit figure{width:40px;}
}
/* ========================================
 * ECRAN < 640px 
 * ===================================== */
@media screen and (max-width:640px){
	.metacell > header{height:460px;background-size:auto 300px;background-position: right -80px bottom 0;}
	.metacell > header .main-center{padding-right:0;}
	.metacell > header > div{height:100%;padding:0 25px 0 25px;background:linear-gradient(to bottom, rgba(255,255,255,1) 150px, rgba(255,255,255,0) 190px);}
	.metacell > header .obj_header{position:static;padding-right:155px;}
	.metacell > header h1{font-size:40px;}
	.metacell > header .obj_header h2{font-size:20px;}
	.metacell > header .b_link{display:none;}
	
	.metacell.public .obj_photoaging .obj_sample{margin:0 0 10px;width:48%;float:left;}
	.metacell.public .obj_photoaging .obj_sample:nth-child(2),	
	.metacell.public .obj_photoaging .obj_sample:nth-child(4),	
	.metacell.public .obj_photoaging .obj_sample:nth-child(6){float:right;}	
	
	.metacell.public .obj_photoaging .obj_sample .txt_over{top:0;right:0;bottom:0;left:0;}
	
}

/* ========================================
 * ECRAN < 480px
 * ===================================== */
@media screen and (max-width:480px){
	
	.metacell > header{height:400px;background-size:auto 250px;background-position: right -80px bottom 0;}
	.metacell > header > div{background:linear-gradient(to bottom, rgba(255,255,255,1) 150px, rgba(255,255,255,0) 200px);}
	.metacell > header .obj_header{position:static;padding-right:120px;}
	.metacell > header h1{font-size:34px;}
	.metacell > header .obj_header h2{font-size:18px;}
	.metacell > header .obj_header h3{font-size:12px;}
	
	
	.metacell.public .obj_photoaging .obj_sample .txt_over{font-size:10px;}
	.metacell.public .obj_photoaging .obj_sample .txt_over h3{margin-bottom:10px;}
	.metacell.public .obj_photoaging .obj_sample .txt_over p{line-height:1.076923em;}
	
	.metacell .obj_results .ctn_left{width:270px;}
	.metacell .obj_results .obj_before-after figure img{width:270px;height:270px;}
	
	
}
/* ========================================
 * ECRAN < 320px
 * ===================================== */
@media screen and (max-width:320px){
	.metacell.public .obj_photoaging .obj_sample .txt_over{font-size:9px;}
}