/* ////////////////////////////////////////
 * 
 * $ HOME SPECIFIC V13
 * 
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	COMMON
 * ======================================== */
div.main .b_link{
	color:#636363;
	text-transform:uppercase;
	font-family:'FuturaBT-Bold',arial;
	}
div.main .b_link:hover{
	color:#2e9ebe;
	}
div.main .plus{
	font:100px/54px 'FuturaBT-Bold',arial;
	color:#008ab0;
	}
/* ========================================
 *	$ =	OBJECT
 * ======================================== */
/* ----------------------------------------
 * SURCHARGE HEXA NAV
 * ---------------------------------------- */
.pg_landing .obj_nav-hexa{
	width:245px;
	top:180px;
	margin-left:235px;
	z-index:1001;
	}
.pg_landing .obj_nav-hexa ul{
	padding:5px 12px 7px;
	background:#192330;
	}
.pg_landing .obj_nav-hexa li{
	margin-bottom:1px;
	}
.pg_landing .obj_nav-hexa ul li a{
	display:inline-block;
	width:auto;
	height:auto;
	color:#fff;
	font-size:13px;
	font-family:"FuturaBT-Light",arial;
	text-transform:uppercase;
	letter-spacing:-.3px;
	background:none;
	}
.pg_landing .obj_nav-hexa ul li a.on{
	font-family:"FuturaBT-Medium",arial;
	}
.pg_landing .obj_nav-hexa > span{
	visibility:hidden;
	}
/* ========================================
 *	$ =	BANNER
 * ======================================== */
.pg_landing .container .obj_carrousel.wide,
.pg_landing .container .obj_carrousel.wide .item{
	height:568px;
	margin-bottom:0;
	}
#Banner_protection{
	padding:0;
	width:auto;
	height:568px;
	background:url('images/f_banner_protection.jpg') center top no-repeat;
	}
#Banner_protection > a{
	display:block;
	width:530px;
	padding:20px 400px 0 30px;
	margin:0 auto;
	}
#Banner_protection header{
	width:360px;
	margin:0;
	}
#Banner_protection h1{
	color:#22799f;
	font:19px/1em 'FuturaBT-Medium',arial;
	text-transform:uppercase;
	margin:0 0 38px;
	}
#Banner_protection h1 strong{
	letter-spacing:-3px;
	font:60px/.9em 'FuturaBT-Light',arial;	
	}
	
#Banner_protection header p{
	font:16px 'FuturaBT-Book',arial;
	color:#000;
	margin-bottom:40px;
	}
	
#Banner_protection figure{

	}
#Banner_protection img{
	float:left;
	margin:0 23px 0 0;
	}
#Banner_protection figcaption{
	float:left;
	padding-top:155px;
	font:italic 16px 'FuturaBT-Book',arial;	
	text-transform:uppercase;
	color:#000;
	}
#Banner_protection figcaption strong{
	font:18px 'FuturaBT-Heavy',arial;
	color:#007da4;
	}
/* ========================================
 *	$ =	PANNEL
 * ======================================== */
/* ----------------------------------------
 * $  COMMON
 * ------------------------------------- */
div.main section{
	width:960px;
	margin:0 auto;
	padding-top:197px;
	}
.pg_landing div.main section h2{
	color:#008ab0;
	font-size:21px;
	font-family:'FuturaBT-Medium',arial;
	margin:0;
	}
.pg_landing div.main section h2 strong{
	font-family:'FuturaBT-Bold',arial;
	}
div.main section p{
	font:14px/1.785714em 'FuturaBT-Book',arial;
	}
div.main section li{
	font:14px/1.785714em 'FuturaBT-Medium',arial;
	}
/* ----------------------------------------
 * $  SKIN HEATLH
 * ------------------------------------- */
.skin-heatlh .top{
	margin-bottom:25px;
	}
.skin-heatlh .top h2,
.skin-heatlh .top p{
	width:680px;
	}
.skin-heatlh .top ul{
	position:relative;
	height:220px;
	margin:25px 0 10px;
	background:url('images/f_problematiques.jpg') left top no-repeat;
	}
.skin-heatlh .top li{
	position:absolute;
	width:150px;
	top:120px;
	text-transform:uppercase;
	text-align:center;
	color:#000;
	font:10px/1.2em 'FuturaBT-Light',arial;
	}
.skin-heatlh .top li strong{
	font-family:'FuturaBT-Medium',arial;
	}
.skin-heatlh .top .li1,
.skin-heatlh .top .li3,
.skin-heatlh .top .li5{
	width:110px;
	padding:0 10px;
	}
.skin-heatlh .top .li2,
.skin-heatlh .top .li4,
.skin-heatlh .top .li6{
	top:182px;
	}
.skin-heatlh .top .li2{left:109px;}
.skin-heatlh .top .li3{left:235px;}
.skin-heatlh .top .li4{left:342px;}
.skin-heatlh .top .li5{left:467px;}
.skin-heatlh .top .li6{left:573px;}
/* bottom */
.skin-heatlh .bottom{
	padding:30px 34px 20px;
	background:url('images/f_pollution.jpg') center top no-repeat;
	}
.skin-heatlh .bottom > div{
	width:960px;
	min-height:425px;
	margin:0 auto;
	padding:51px 0 0;
	}
.skin-heatlh .bottom h3{
	font:27px 'FuturaBT-Medium',arial;
	margin:0 0 34px;
	}
.skin-heatlh .bottom h3 strong{
	font-family:'FuturaBT-Heavy',arial;
	}
.skin-heatlh .bottom .p1{
	color:#333;
	font:18px 'FuturaBT-Book',arial;
	margin-bottom:2px;
	}
.skin-heatlh .bottom ol{
	padding-left:30px;
	margin:0 0 31px;
	}
.skin-heatlh .bottom li{
	color:#333;
	font:22px 'FuturaBT-Medium',arial;
	}
.skin-heatlh .bottom ul{
	padding-left:48px;
	}
.skin-heatlh .bottom ul li{
	list-style-type:disc;
	margin-bottom:2px;
	}
/* ----------------------------------------
 * $  SCIENCE
 * ------------------------------------- */
.science{
	
	}
div.main .science > h3{
	margin-top:50px;
	text-transform:uppercase;
	color:#007da4;
	}
.obj_graph{
	position:relative;
	width:500px;
	padding:258px 0 0 0;
	background:url('images/f_graph.png') 25px 28px no-repeat; 
	}
.science .obj_graph{
	float:left;
	}
.science .obj_graph p{
	position:absolute;
	top:216px;
	left:0;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		 -o-transform: rotate(-90deg);
			transform: rotate(-90deg);
    -webkit-transform-origin: left top 0;
	   -moz-transform-origin: left top 0;
		-ms-transform-origin: left top 0;
		 -o-transform-origin: left top 0;
			transform-origin: left top 0;
	text-transform:uppercase;
	font-size:13px;
	}
.ie9 .science .obj_graph p{
	left:-45px;
	top:150px;
	}
.ie .science .obj_graph p{
	top:8px;
	left:0;
	}
.science .obj_graph ul{
	padding-left:53px;
	}
.science .obj_graph li{
	float:left;
	width:100px;
	margin-left:10px;
	text-align:center;
	line-height:1.2em;
	}
.science .ctn_product{
	float:left;
	padding-top:33px;
	width:218px;
	}
.science .ctn_product p{
	text-align:right;
	}
/* ----------------------------------------
 * $  ANTIOXIDANT
 * ------------------------------------- */
div.main .antioxidant{
	width:600px;
	padding-right:360px;
	}
div.main .antioxidant > ul > li{
	position:relative;
	padding:15px 0 0 30px;
	margin-bottom:27px;
	}
div.main .antioxidant > ul > li.phloretin{
	margin:0;
	}
div.main .antioxidant h3{
	padding-left:40px;
	}
div.main .antioxidant h3{
	font:18px 'FuturaBT-Heavy',arial;
	color:#007da4;
	text-transform:uppercase;
	padding-bottom:20px;
	margin-bottom:6px;
	background:url('images/f_filet.png') left bottom no-repeat;
	}
div.main .antioxidant li ul{
	padding:0 15px 0 53px;
	}
div.main .antioxidant li li{
	list-style-type:disc;
	}
div.main .antioxidant img{
	position:absolute;
	top:0;
	left:-25px;
	}
div.main .antioxidant ul p{
	padding:0 15px 0 40px;
	text-align:right;
	}
/* ----------------------------------------
 * $  SKIN HEATLH
 * ------------------------------------- */
div.main .defense{
	width:600px;
	padding:197px 360px 75px 0;
	}
.defense .ctn_product{
	position:relative;
	margin:40px 0 30px 60px;
	padding:40px 40px 14px 100px;
	background:#f8f9f9;
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,.2);
	   -moz-box-shadow:0 5px 5px rgba(0,0,0,.2);
			box-shadow:0 5px 5px rgba(0,0,0,.2);
	}
.defense img{
	position:absolute;
	top:50%;
	}
.defense .ferulic img{
	margin-top:-160px;
	left:-52px;
	}
.defense .mineral img{
	margin-top:-176px;
	left:-67px;
	}
.defense .ctn_product h3{
	font-family:'FuturaBT-Light',arial;
	font-size:20px;
	text-transform:uppercase;
	color:#22799f;
	}
.defense .ctn_product h3 strong{
	font-family:'FuturaBT-Medium',arial
	}
.defense .ctn_product ul{
	padding-left:33px;
	}
.defense .ctn_product li{
	list-style-type:disc;
	color:#000;
	}
.defense .ctn_product p{
	text-align:right;
	}
	
.defense .plus{
	position:relative;
	margin-left:260px;
	}