/** Largeur des selects formulaires "MES CONSULTATIONS" **/
body.nl.pg_espaceperso .ctn_corps .obj_multiple-select select {
	width: 165px;
	}


/**********************/
/***** PORTAIL V3 *****/
/**********************/

/** Formulaire de contact **/
.nl.pg_contact fieldset input[type="text"], .nl.pg_contact fieldset input[type="password"], .nl.pg_contact fieldset input[type="email"] {
	border-width: 1px;
	border-style: solid;
}


/*********************/
/***** PORTAL V4 *****/
/*********************/

/** Item BLOG dans navigation **/
header.main nav.main ul li.root > a {
	padding-left: 15px;
	padding-right: 15px;
}
header.main nav.main ul li.root:first-child > a {
	padding-left: 25px;
}
header.main nav.main ul li.root.blog a:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 15px;
	width: 25px;
	height: 22px;
	background: url("../../resources/BE/i_blog-nav.gif") no-repeat;
}
header.main nav.main ul li.root.blog a {
	padding-left: 50px;
}
@media screen and (max-width:1180px){

	header.main nav.main ul li.root.commitment a:before,
	header.main nav.main ul li.root.blog a:before {
		background: none;
	}
	header.main nav.main ul li.root.commitment a,
	header.main nav.main ul li.root.blog a {
		padding-left: 15px;
	}

}
@media screen and (max-width:1080px){

	header.main nav.main ul li.root.crm > a {
    text-indent: -9999em;
    width: 40px;
	}

}
@media screen and (max-width:880px){

	header.main nav.main ul li.root > a {
		padding-left: 7px;
		padding-right: 7px;
	}

}

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

	header.main nav.main ul li.root > a {
		padding-left: 15px;
		padding-right: 15px;
	}
	header.main nav.main ul li.root:first-child > a,
	header.main nav.main ul li.root.commitment-v4_5 a,
	header.main nav.main ul li.root.commitment > a,
	header.main nav.main ul li.root.crm > a,
	header.main nav.main ul li.root > a {
		padding: 15px 15px 12px 15px;
	}
	header.main nav.main ul li.root.crm > a {
    text-indent: 0;
    width: 100%;
	}

}

/** Onglet BLOG **/
.obj_onglets_fix ul li.blog {
	top: 77px;
}
.obj_onglets_fix ul li.blog a {
	background: #008fcd;
	margin-top: 0;
	min-width: auto;
	padding: 0 50px;
	display:block;
	box-sizing: border-box;
	height:40px;
	line-height:40px;
	position:absolute;
	top:220px;
	left:-40px;
	text-transform:uppercase;
	text-align:center;
	font:0.975em/40px "LocatorWeb-Medium";
	color:#fff;
	-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
			transform:rotate(-90deg);
	-webkit-transform-origin:left top;
		-ms-transform-origin:left top;
			transform-origin:left top;
}

/** Footer Needs V4 **/
footer.main .str_items > div.ctn_needs {
	margin-bottom:20px;
	width: 45%;
}
footer.main .str_items > div.ctn_needs h3:before {
	background: url("../../resources/BE_FR/i_tube-footer.png") repeat scroll 0 0 / 100% auto;
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 26px;
    top: -3px;
    left: -27px;
}
footer.main .str_items > div.ctn_needs ul {
	display: inline-block;
    float: left;
    padding-right: 35px;
    width: 50%;
}
footer.main .str_items > div.ctn_needs ul li {}
footer.main .str_items > div.ctn_needs ul li a {
	color: #fff;
    font-family: "LocatorWeb-Regular",sans-serif;
    font-size: 0.875em;
    line-height: 1em;
}
footer.main .str_items .ctn_services {
	margin-bottom:20px;
	width: 23%;
}
footer.main .ctn_services ul {
	display: block;
    float: none;
    padding-right: 0;
    width: 100%;
}
footer.main .str_items > div.ctn_col3 {
	display: inline-block;
	width: 30%;
}
footer.main .str_items > div.ctn_col3 .ctn_store,
footer.main .str_items > div.ctn_col3 .ctn_newsletter {
	display: block;
	width: 100%;
	padding-left: 0;
}
footer.main .str_items > div.ctn_col3 .ctn_store {
	margin-bottom: 40px;
}
@media screen and (max-width:767px){
	footer.main .str_items > div.ctn_needs,
	footer.main .str_items .ctn_services,
	footer.main .str_items > div.ctn_col3 {
		width: 100%;
		display: block;
	}
	footer.main .str_items > div.ctn_needs {
		margin: 0 auto 30px;
	}
	footer.main .str_items > div.ctn_needs ul {
		width: 100%;
		display: block;
		float: none;
		padding: 0;
	}
	footer.main .str_items > div h3 {
		padding-left: 25px;
	}
	footer.main .str_items > div.ctn_needs h3:before {
		left: 0;
	}
	footer.main .ctn_newsletter h3::before {
		background-position: -160px -75px;
    	background-size: 824px auto;
    	height: 16px;
    	width: 23px;
    	top: 1px;
	}
}

@media screen and (max-width:767px){
	.ctn_btn .btn_shop {
		padding: 10px 15px;
	}
	.ctn_btn .btn_shop:before {
		content:"";
		display:inline-block;
		float:left;
		position:absolute;
		margin:-12px 10px 0 0;
		top: 50%;
		left: 10px;
	}
}


/********************/
/***** STICKERS *****/
/********************/

/** Stickers NEW Banner **/
body.nl .ctn_banner.anthelios .v_sticker {
	background: url("v_sticker_new-large-anthelios.png") no-repeat;
	}
body.nl .v_sticker-small {
	background: url("v_sticker_new-small.png") no-repeat;
	}
.pg_home.nl .foc.foc_lipikar .foc_content .v_sticker {
	position: absolute;
	top: 12px; right: 32px;
	width: 88px; height: 87px;
	background: url('v_sticker_new-large.png') no-repeat;
	text-indent: -10000px;
	}

/** Sticker NEW Fiche produit **/
body.nl .obj_galerie .v_new {
	background: url('v_sticker_new-large.png') no-repeat;
	}

/** Sticker NEW Gamme **/
body.nl .ctn_gamme-item .v_new {
	background: url('v_sticker_new-small.png') no-repeat;
	}

/** Sticker NEW Carrousel **/
body.nl .car_conteneur .v_new {
	background: url('v_sticker_new-small.png') no-repeat ;
	}
/** Bannière HYDREANE Spe. **/
.pg_home .hydreane {
	background: url("../../resources/Banners/2012/f_banner_hydreane-extra-riche_INT.jpg") no-repeat;
	}


/** Césure Article à la une **/
.pg_home .pav_alaune h4 {
	word-wrap: break-word;
	}


/** SHARE INFO-PSO **/
.pg_article-pso .str_article .ctn_share {
	display: none;
	}
/** Bannière REDERMIC R YEUX Spe. **/
.pg_home .redermicR-Yeux .pav_attribut.pav_innov{
	font-size: 10px;
	}


/* ======================================================
 * POPIN ONLINE BESTELLEN
 * =================================================== */
.popin-online-bestellen {
	max-width: 815px;
}
.popin-online-bestellen .obj_title {
	position: relative;
	padding: 50px 0 0 120px;
	margin: 0 0 35px 50px;
}
.popin-online-bestellen .obj_title:before {
	content: "";
	background: url('./i_online-bestellen.png') no-repeat;
	background-size: 90px 58px;
	position: absolute;
	top: 50px;
	left: 0;
	width: 90px;
	height: 58px;
}
.str_popin.default .ctn_popin .popin-online-bestellen .obj_title h2 {
	font: 2.375em/1em 'LocatorWeb-Light', sans-serif;
	padding-right: 60px;
}
.str_popin.default .ctn_popin .popin-online-bestellen .obj_title h3 {
	font: 1.125em/1em 'LocatorWeb-Regular', sans-serif;
	margin-top: 3px;
}
.popin-online-bestellen .obj_logos {
	padding: 0 0 30px 0;
	text-align: center;
}
.popin-online-bestellen .obj_logos a {
	display: inline-block;
	border: 1px solid #e6e6e6;
	margin: 0 10px 20px 10px;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
		 -o-transition:all 0.2s;
			transition:all 0.2s;
}
.popin-online-bestellen .obj_logos a:hover {
	border-color: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}
.popin-online-bestellen a.obj_btn {
	display: inline-block;
	width: 100%;
	background: #008fcd;
	font: 1.125em/1em 'LocatorWeb-Regular', sans-serif;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
		 -o-transition:all 0.2s;
			transition:all 0.2s;
}
.popin-online-bestellen a.obj_btn:hover {
	background: #007eb4;
	color: #fff;
}
@media screen and (max-width:1024px){
	.popin-online-bestellen {
		max-width: 100%;
	}
}
@media screen and (max-width:767px){
	.popin-online-bestellen .obj_title {
		position: relative;
		padding: 21px 0 0 82px;
		margin: 0 0 20px 0;
	}
	.popin-online-bestellen .obj_title:before {
		content: "";
		background: url('./i_online-bestellen.png') no-repeat;
		background-size: 45px 29px;
		position: absolute;
		top: 20px;
		left: 20px;
		width: 45px;
		height: 29px;
	}
	.str_popin.default .ctn_popin .popin-online-bestellen .obj_title h2 {
		font-size: 1.750em;
		line-height: 0.929em;
	}
	.popin-online-bestellen .obj_logos {
		padding: 0 10px;
	}
	.popin-online-bestellen .obj_logos a {
		margin: 0 5px 20px 5px;
		width:calc(50% - 15px);
	}
}


/******************************/
/***** LIPIKAR FAMILIES 2 *****/
/******************************/
.pg_share_balloon .obj_banner.var_small{display:none;}

.obj_bloc-pushs.simple article.obj_push.var_balloon .obj_btn{padding-right:95px;}
.obj_bloc-pushs.simple article.obj_push.var_balloon .obj_btn:after{
	background: url('../../resources/NL/bg_btn_social.png') no-repeat right center;
	}
	
.pg_share_balloon .obj_header {
	padding-bottom: 1%;
}
.pg_share_balloon .obj_header.var_share_balloon h1 em {
	font-size: 0.5em;
    line-height: 1.5em;
}
.pg_share_balloon .obj_header p.ctn_mentions {
	color: #c0c0c0;
    font-size: 0.75em;
    line-height: 1em;
    margin-top: 20px;
    text-align: center;
}

/* = FORMULAIRE = */	
.obj_form.form_inscription.var_kit{min-height:0;}
.obj_form fieldset > div {margin:0;}
.obj_form .ctn_question:first-child .obj_checkbox {margin:0 0 10px 0;}
.obj_form.form_inscription .ctn_question.field4{width:15%;}
.obj_form.form_inscription .ctn_question.field5{width:35%;}
.obj_form.form_inscription .ctn_conditions{
	margin:0 0 20px 0;
	padding:20px;
	background:#fafafa;
	}
.obj_form.form_inscription .ctn_conditions .ctn_question{width:100%;}
.obj_form.form_inscription.var_kit .ctn_question.langue .obj_select .jQueryScroll {
	height: 74px;
}

@media screen and (max-width:767px){
	.obj_form.form_inscription .ctn_question.field4{width:30%; float:left;}
	.obj_form.form_inscription .ctn_question.field5{width:70%; float:left; padding-left:20px;}
	.obj_form.form_inscription .ctn_conditions{
		margin:20px 0;
		padding:0;
		background:none;
		}
	.obj_form.form_inscription .obj_checkbox,
	.obj_form.form_inscription .obj_checkbox label{line-height:25px;}
}
	
/* = POPIN = */
.str_popin.default .ctn_popin .obj_share_confirm h2{
	font:2.5em/1em 'LocatorWeb-Bold', sans-serif;
	color:#008fcd;
	}
.str_popin.default .ctn_popin .obj_share_confirm h3{
	margin:0 0 20px;
	font:1.75em/1em 'LocatorWeb-Light', sans-serif;
	color:black;
	}
.str_popin.default .ctn_popin .obj_share_confirm p{
	margin:0 0 30px;
	}
.str_popin.default .ctn_popin .obj_share_confirm p strong{
	display:block;
	font:1.25em/1em 'LocatorWeb-Medium', sans-serif;
	color:#008fcd;
	}
.str_popin.default .ctn_popin .obj_share_confirm .ctn_btn{
	text-align:center;
	}
	
@media screen and (max-width:767px){
	
	.str_popin.default .ctn_popin .obj_share_confirm h2{
		font-size:1.75em;
		}
	.str_popin.default .ctn_popin .obj_share_confirm h3{
		font-size:1.25em;
		}
	.str_popin.default .ctn_popin .obj_share_confirm p strong{
		font-size:1em;
		}
}

/************************************/
/***** LIPIKAR Quizz Microbiome *****/
/************************************/

.obj_carrousel.quiz .item.start .content .obj_bubble {
    left: 66%;
	padding-top: 30px;
}
.obj_carrousel.quiz .item.start .content .obj_bubble .p_01 {
    font: 20px/20px "LocatorWeb-Regular",Arial;
}
.obj_carrousel.quiz .item.start .content .obj_bubble .p_02 {
    font: 18px/18px "LocatorWeb-Light",Arial;
}
.obj_carrousel.quiz .item.response.R_04 .content .obj_response .obj_ctn .p_01 {
    width: 95%;
	font: 25px/25px "LocatorWeb-Bold",Arial;
}
.obj_carrousel.quiz .item.question .obj_form div {
    display: inline-block;
    margin: 0 7px;
    max-width: 270px;
    position: relative;
}
.obj_carrousel.quiz .item.question.Q_05 .obj_form label p {
    display: block;
    height: 36px;
}
@media screen and (max-width:767px){
	.obj_carrousel.quiz .item.question.Q_05 .obj_form label p {
		height: auto;
	}
	.obj_carrousel.quiz .item.question.Q_05 .obj_form div {
		vertical-align: inherit;
	}
	.obj_carrousel.quiz .item.question.Q_04 .b_circle label {
		font: 17px/100px "LocatorWeb-Bold",Arial;
	}
	.obj_carrousel.quiz .item.response.R_04 .content .obj_response .obj_ctn .p_01 {
		font: 16px/16px "LocatorWeb-Bold",Arial;
		top: 10%;
		width: 100%;
	}
}

/* WEBSHOP */

.pg_article.article_webshop #retailers-lrp{
	padding:0;
}

/*********************************/
/***** HEADER GAMME EFFACLAR *****/
/*********************************/
.pg_range.effaclar.nl.portalv4 .obj_range .ctn_range-banner {
    padding: 80px 720px 0 30px;
	}
	
@media screen and (max-width:1024px){
	.pg_range.effaclar.nl.portalv4 .obj_range .ctn_range-banner {
		padding: 80px 570px 0 30px;
		}	
	}	
	
@media screen and (max-width:900px){
	.pg_range.effaclar.nl.portalv4 .obj_range .ctn_range-banner {
		padding: 80px 480px 0 30px;
		}	
	}		
	
	
@media screen and (max-width:767px){	
	.pg_range.effaclar.nl.portalv4 .obj_range .ctn_range-banner .v_banner,
	.pg_range.effaclar.nl.portalv4 .obj_range .ctn_range-banner .v_banner .v_background{
		right:0;
		left: auto;
		}
	.pg_range.effaclar.nl.portalv4 .obj_range .ctn_range-banner{
		padding: 0;
		}	
}