/*********************/
/***** OPEN SANS *****/
/*********************/
	
@font-face {
	font-family: 'LocatorWeb-UltraLight';
	src: url('../../resources/webfonts/opensans/OpenSans-Light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'LocatorWeb-Light';
	src: url('../../resources/webfonts/opensans/OpenSans-Light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'LocatorWeb-Regular';
	src: url('../../resources/webfonts/opensans/OpenSans-Regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'LocatorWeb-Medium';
	src: url('../../resources/webfonts/opensans/OpenSans-SemiBold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'LocatorWeb-Bold';
	src: url('../../resources/webfonts/opensans/OpenSans-Bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

/*************************/
/***** COMMON PORTAL *****/
/*************************/

/** Stickers NEW Banner **/
body.ro .ctn_banner.anthelios .v_sticker {
	background: url("v_sticker_new-large-anthelios.png") no-repeat;
	}
body.ro .v_sticker-small {
	background: url("v_sticker_new-small.png") no-repeat;
	}
.pg_home.ro .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.ro .obj_galerie .v_new {
	background: url('v_sticker_new-large.png') no-repeat;
	}

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

/** Sticker NEW Carrousel **/
body.ro .car_conteneur .v_new {
	background: url('v_sticker_new-small.png') no-repeat ;
	}

/** EFFACLAR DUO [+] **/
.pg_effaclar.ro section.banner img.v_background{
	display:none;
	}
.pg_effaclar.ro section.banner{
	background: url('../../resources/EffaclarDuo/images/v_banner-effaclar_RO_v2.jpg') no-repeat ;
	}
.pg_effaclar.ro.connexion section.banner,
.pg_effaclar.ro.dashboard section.banner{
	background: url('../../resources/EffaclarDuo/images/v_banner-effaclar_RO_v3.jpg') no-repeat ;
	}
.pg_effaclar.ro section.banner .ctn_text{
	top: 55px;
    width: 210px;
	font: 35px/30px "Nothing You Could Do";
	}	
.pg_effaclar.ro section.banner .ctn_text a{color:#fff;}

.pg_effaclar.ro  .str_conseil-question .obj_frise .etape.active span{
	font-size:18px;
	}
.pg_effaclar.ro .str_conseil-question .obj_frise{left:125px;}
.pg_effaclar.ro .str_conseil-question .obj_carrousel.semaines .ctn_carrousel-nav .ctn_carrousel-nav-btn a.semaine_1 {
    left: 170px;
	}
.pg_effaclar.ro .str_conseil-question .obj_carrousel.semaines .ctn_carrousel-nav .ctn_carrousel-nav-btn a.semaine_2 {
    left: 422px;
	}
.pg_effaclar.ro .str_conseil-question .obj_carrousel.semaines .ctn_carrousel-nav .ctn_carrousel-nav-btn a.semaine_3{
	left:678px;
	}
.pg_effaclar.ro .str_conseil-question .obj_carrousel.semaines .ctn_carrousel-nav .ctn_carrousel-nav-btn a.semaine_4 {
    left: 932px;
	}	
	
.pg_effaclar .ctn_form .obj_form.part_2 .ctn_question.q6 h5{
	margin:10px 10px 0 0;
	}
.pg_effaclar .ctn_form .ctn_question.q6 .obj_input{
	margin-top:8px;
	}
.pg_effaclar.inscription.ro .ctn_form .obj_form.part_2 .ctn_question .var_other-checkbox{
	margin:10px 18px 0 137px;
	}
.pg_effaclar.inscription.ro .ctn_form .ctn_question.q6 .var_other-input{
	margin-top:11px;
	display:inline-block;
	}
.pg_effaclar.inscription.ro .var_other-input input{
	width:250px;
	}
.pg_effaclar.inscription.ro	.obj_form.part_1 .ctn_question.checkbox{height:50px;}	
.pg_effaclar.inscription.ro	.obj_form.part_1 .ctn_question.checkbox fieldset{margin-left:165px;}
.pg_effaclar.inscription.ro	.obj_form.part_1 .ctn_question.checkbox	label{font:14px/14px "dinpro-regular";}
.pg_effaclar.inscription.ro	.obj_form.part_1 .ctn_question.checkbox	label a{
	text-decoration:underline;
	color:#fff;
	}	
	
/** LIPIKAR FAMILIES **/
.pg_public.lipikar_families.ro .obj_cta-header{
	right:0;
	}
.pg_public.lipikar_families.ro .obj_cta-header.cta_joinus .ctn_cta-a{
    line-height: 20px;
	}
.pg_public.lipikar_families.ro .obj_cta-header.cta_joinus .ctn_cta-a > .t_cta{
    margin-top:2px;
	}

/** Articles SENSITIVE SKIN **/
.pg_article.article_v4_sensitiveskin_impact section.banner .ctn_texte {
	width: 95%;
}

/*****************************/
/***** LIPIKAR FAMILIES ******/
/*****************************/
.lipikar_families.ro .str_header > .ctn_header h1 a {
	background-image: url('../../resources/RO/i_logo-lipikar-families.png');
	}
.lipikar_families.ro .obj_cta-header .ctn_cta-a {
	max-width: 188px; height:110px;
	padding:0 15px;
	}
.lipikar_families.ro .obj_cta-header.cta_myfamily .ctn_cta-a {
	padding-top: 20px;
	}
.lipikar_families.pg_timeline.ro .ctn_select-content .ctn_btn.forum .btn{
	margin: 6px 5px 0 0;
	}


@media screen and (max-width: 760px){
	.lipikar_families.ro .ctn_what-lipikar-families h2 {
		padding-bottom: 0;
	}
	.lipikar_families.ro .obj_cta-header {
		display: none;
	}
	.lipikar_families.ro .str_header > .ctn_header {
		height: 125px;
	}
	.lipikar_families.ro .ctn_push-forum {
		padding: 20px 0 0;
	}
	.lipikar_families.ro .ctn_push-forum h2 {
		position: inherit;
		top: inherit;
		left: inherit;
		margin: 0 auto;
	}
	.lipikar_families.ro .ctn_push-forum p {
		position: inherit;
		left: inherit;
		top: inherit;
		margin: 0 auto;
	}
	.lipikar_families.ro .ctn_push-forum .btn_push-forum {
		position: inherit;
		top: inherit;
		left: inherit;
		display: block;
		margin: 10px auto 0;
		width: 290px;
	}
	.lipikar_families.ro .ctn_forum .ctn_header p {
		padding: 145px 10px 0 0;
	}
.bloc_modules .obj_module-menu li .btn {
    padding-top: 62px;
}
.bloc_modules .obj_module-menu li .btn {
    font-size: 10px;
    line-height: 10px;
}	
	
}

/** Formulaire Inscription **/
.lipikar_families.ro .ctn_inscription .ctn_header {
	background: none;
}
.lipikar_families.ro .ctn_inscription .ctn_header h2 {
	margin-left: -130px;
}
.obj_form.form_inscription h3.t_titre {
    font-size: 20px;
    line-height: 22px;
    width: 100%;
	}
.lipikar_families.ro .obj_checkbox label {
	background: url("../../resources/RO/lipikarFamilies/i_checkbox-empty.png") no-repeat 0 0;
}
.lipikar_families.ro .obj_checkbox label.checked {
	background: url("../../resources/RO/lipikarFamilies/i_checkbox-checked.png") no-repeat 0 0;
}
.lipikar_families.ro .error .obj_checkbox label {
	background: url("../../resources/RO/lipikarFamilies/i_checkbox-empty-error.png") no-repeat 0 0;
}
.lipikar_families.ro .error .obj_checkbox label.checked {
	background: url("../../resources/RO/lipikarFamilies/i_checkbox-checked-error.png") no-repeat 0 0;
}

/*****************************/
/***** YOU SHARE WE CARE *****/
/*****************************/
.pg_yswc article.main{
	background-image:url("../../resources/RO/v_main_VPNP_RO.jpg");
	padding: 0 40px 0 600px;
	}
.pg_yswc article.main h1 {
	font-size: 75px;
	line-height: 60px;
	}
.pg_yswc article.main p{
	margin-top: -42px;
	}
.pg_yswc article.main .ctn_actions {
	width: 195px;
	}
.pg_yswc article.main .ctn_counter {
	left: 80px;
	}
.pg_yswc article.main .obj_packshot {
	left: 205px;
	}
.pg_yswc article.main .ctn_actions span.instagram {
	padding: 0 0 20px 0;
	background: none;
	font-size: 44px; color: #2e384d;
	}
.pg_yswc article.main .ctn_actions span.instagram .ctn_diez {
	font-size: 44px; color: #2e384d;
	}
.pg_yswc article.main .ctn_bottle .obj_sticker {
	background: none;
	font-family: "locator_regular"; font-size: 37px; letter-spacing: -4px; text-align: right;
	width: 60px; height: auto;
	}
.pg_yswc article.main .ctn_bottle p {
	font-family: "locator_medium";
	font-size: 14px;
	line-height: 16px;
	padding: 13px 10px 0 75px;
	width: auto;
	text-transform: none;
	}
.pg_yswc article.main .ctn_bottle span {
	font-family: "locator_medium";
	font-size: 13px;
	line-height: 12px;
	padding-left: 76px;
	}
.pg_yswc article.main .obj_numbers {
	width: 160px;
	}
.pg_yswc article.main .obj_numbers .obj_line {
	width: 158px;
	left: 1px;
	}
.pg_yswc article.main .obj_numbers .t_number {
	margin-left: 0;
	}
.pg_yswc .ctn_form textarea {
	height: 50px;
	}
@media screen and (max-width: 760px){
	.pg_yswc article.main {
		background: #cbd6ef;
		padding: 0;
		height: 100%;
		}
	.pg_yswc article.main h1 {
		font-size: 48px;
		line-height: 38px;
		background-size: 240px auto;
		background-position: right -18px;
		padding: 45px 0 15px 0;
		margin: 0 20px;
		}
	.pg_yswc article.main p {
		margin: 0 20px;
		}
	.pg_yswc article.main .ctn_actions {
		display: block;
		float: none;
		margin: 0;
		padding: 20px;
		width: auto;
		text-align: center;
		}
	.pg_yswc article.main .obj_counter {
		text-align: center;
		display: block;
		float: none;
		width: 100%;
		margin-top: 0;
		padding: 20px 0;
		height: auto;
		background: #dfe5f1;
		}
	.pg_yswc article.main .ctn_counter {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: 105px;
		margin: 0 auto;
		text-align: center;
		}
	.pg_yswc article.main .ctn_counter p {
		line-height: 34px;
		height: auto;
		}
	.pg_yswc article.main .obj_numbers {
		display: inline-block;
		margin-top: 5px;
		width: auto;
		}
	.pg_yswc article.main .obj_numbers .obj_line {
		width: 100%;
		}
	.pg_yswc article.main .ctn_bottle {
		position: relative;
		display: inline-block;
		overflow: hidden;
		top: 0;
		left: 0;
		width: 200px;
		text-align: center;
		margin: 0 auto;
		}
	.pg_yswc article.main .ctn_bottle .obj_sticker {
		width:auto;
		position: relative;
		float: left;
		height: 55px;
		}
	.pg_yswc article.main .ctn_bottle p,
	.pg_yswc article.main .ctn_bottle span {
		width: auto;
		padding:0 0 0 15px;
		float: left;
		}
	.pg_yswc article.main .ctn_bottle p{
		padding-top:15px;
		}
	}


/**************************/
/***** SAVE YOUR SKIN *****/
/**************************/

.article_v4_skincheckerv3_landing.ro .var_anthelios .ctn_text{
    padding-left:63%;
	}
.article_v4_skincheckerv3_landing.ro .var_anthelios h3{
	width:380px; height:181px;
	background:url('t_SYS_Anthelios_RO.png') 0 0 no-repeat;
	text-indent:-10000px;
	}
	
@media screen and (max-width:767px){

.article_v4_skincheckerv3_landing.ro .var_anthelios .ctn_text{
    padding-left:20px;
	}

}

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

.article_v4_skincheckerv3_landing.ro .var_anthelios h3{
	width:280px; height:133px;
	background:url('t_SYS_Anthelios_RO.png') 0 0 / 280px auto no-repeat;
	}

}

/**************************/
/***** FREE FROM SPOT *****/
/**************************/
.ope_freefromspots.ro .obj_share_module .ctn_comment .url input{
	padding-left:165px;
	}
/******* POPIN *******/
.ope_freefromspots.ro .str_popin{
	position:relative;
	display:none;
	}
.ope_freefromspots.ro .ctn_popin-zone{
	position:absolute;
	left:-9999em;
	}
.ope_freefromspots.ro .str_popin .btn_close{
	position: absolute;
	top: 0;
	right:0;
	display: block;
	width: 40px;
	height: 40px;
	text-indent:-1000px;
	overflow:hidden;
	z-index: 2;
	background: #008fcd url('../../../resources/freefromspots/images/sprite_icon.png') no-repeat 0 -310px;
	background-size: 1024px 1024px;
	border: 7px solid #008fcd;
	}
.ope_freefromspots.ro .str_popin .btn_close:hover{
	/*background-position:left -50px;*/
	}
.ope_freefromspots.ro .str_popin .ctn_decor-popin{
	padding:0;
	text-align:center;
	background:white;
	}
.ope_freefromspots.ro .str_popin .ctn_decor-popin p{
	margin-top:40px;
	font-size:1.6rem; line-height:1.5em;
	font-family:'futura_book';
	}
.ope_freefromspots.ro .str_popin .ctn_decor-popin p strong{
	font-size:1.8rem;
	font-family:'futura_bold';
	}
.ope_freefromspots.ro .str_popin .ctn_decor-popin .ctn_bt{
	margin-top:25px;
	}

/***/
.ope_freefromspots.ro .obj_popin-player {
	width:866px;
	height:488px;
	}

/***** CARROUSEL *****/

.ope_freefromspots.ro .obj_carrousel.blogueuses{
	max-width:1180px;
	height:295px;
	margin:50px auto 100px;
	padding:0 0;
	}
.ope_freefromspots.ro .obj_carrousel.blogueuses .masque{
	position:relative;
	overflow:hidden;
	height:100%; 
	min-height:inherit;
	}
.ope_freefromspots.ro .obj_carrousel.blogueuses .items{
	position:absolute;
	height:100%;
	width:10000px;
	}
.ope_freefromspots.ro .obj_carrousel.blogueuses .item{
	float:left;
	width:320px;
	height:295px;
	}
.ope_freefromspots.ro .obj_carrousel.blogueuses .item p{
	font:72px/295px arial;
	height:295px;
	text-align:center;
	}	
.ope_freefromspots.ro .dot{
	display:inline;
	padding:0;
	}
.ope_freefromspots.ro .dot li{
	display:inline;
	}
.ope_freefromspots.ro .dot a{
	cursor:pointer;
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	margin:0 5px;
	text-indent:-10000px;
	border-radius:10px;
	background:#ccc;
	}
.ope_freefromspots.ro .dot .active a{
	background:#00f;
	}
/* horizontal */
.ope_freefromspots.ro .horizontal .item{
	min-width:295px; 
	opacity:.1;
	}
.ope_freefromspots.ro .animated .item{
	transition:opacity .4s;
	}
.ope_freefromspots.ro .horizontal .item.visible{
	opacity:1;
	}
/* vertical */
.ope_freefromspots.ro .vertical .items{
	width:100%; 
	}
.ope_freefromspots.ro .vertical .item{
	width:100%;
	}
.ope_freefromspots.ro .obj_carrousel.blogueuses .nav {
    margin: 20px auto;
    text-align: center;
	}
.ope_freefromspots.ro .obj_carrousel.blogueuses .nav .prev,
.ope_freefromspots.ro .obj_carrousel.blogueuses .nav .next {
    position: absolute;
    top: 50%;
    left: -60px;
    z-index: 2;
    width: 30px;
    height: 63px;
    text-indent: -10000px;
    background: url("../../../resources/freefromspots/images/sprite_icon.png") no-repeat -83px -240px / 1024px 1024px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
	border:none;
	}	
.ope_freefromspots.ro .obj_carrousel.blogueuses .nav .next {
    background-position: -113px -240px;
    left: auto;
    right: -60px;
}	
	
/**/
.ope_freefromspots.ro .obj_player {
	cursor: pointer;
	display: inline-block;
	position: relative;		
	}
.ope_freefromspots.ro .obj_player:after {
	content: "";
	background: rgba(0, 0, 0, 0) url("FreeFromSpots/i_play.png") no-repeat;
	height: 74px;
	left: 50%;
	margin-left: -37px;
	margin-top: -37px;
	position: absolute;
	top: 50%;
	width: 74px;
	z-index: 10;
	}				
.ope_freefromspots.ro .obj_player img{
	margin:0 auto !important /*!important surcharge de objets.css */
	}	
@media screen and (max-width:767px){
	.ope_freefromspots.ro .obj_carrousel.blogueuses .nav .prev {
		left: 5px;
	}
	.ope_freefromspots.ro .obj_carrousel.blogueuses .nav .next {
		right: 5px;
	}
}
@media screen and (max-width:420px){	
.ope_freefromspots.ro .obj_player img{
	max-width: 240px;
	}
.ope_freefromspots.ro .obj_carrousel.blogueuses{
	margin:40px auto 60px;
	}	
.ope_freefromspots.ro .obj_carrousel.blogueuses,
.ope_freefromspots.ro .obj_carrousel.blogueuses .item{
	height:240px;
	}
	
}

/*** .obj_banner.var_landing ***/

.obj_banner.var_acne {
	min-height: 575px;
	padding: 0px;
	background: white;
	}
.obj_banner.var_acne .ctn_banner {
	padding: 50px 0px;
	}
.obj_banner.var_acne .ctn_banner h3 {
	width: 50%;
	margin: 0px auto;
	font: 42px/1.2em "LocatorWeb-Light";
	}
.obj_banner.var_acne .ctn_banner h3 strong {
	font-family: "LocatorWeb-Bold";
	}
.obj_banner.var_acne .ctn_banner .ctn_bar {
	position: absolute;
	top: 35%;
	left: 50%;
	width: 110%;
	margin-top: 40px;
	padding: 20px 20px 40px 20px;
	transform: translateX(-50%) rotate(-2deg);
	-ms-transform: translateX(-50%) rotate(-2deg);
	-webkit-transform: translateX(-50%) rotate(-2deg);
	background-color: #00aeef;
	}
.obj_banner.var_acne .ctn_banner .ctn_bar p {
	width: 70%;
	font: 130px/1em "Journal", Arial;
	color: white;
	}
.obj_banner.var_acne .ctn_banner h4 {
	position: absolute;
	right: 40px;
	bottom: 0px;
	padding: 0px;
	font: 85px/1em "Journal", Arial;
	color: #00aeef;
	transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	}
.obj_banner.var_acne .ctn_visuel {
	z-index: 10;
	}
.obj_banner.var_acne .ctn_visuel img {
	position: absolute;
	top: 0px;
	left: auto;
	right: 12.5%;
	transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	}

@media screen and (max-width: 1680px) {
	
	.obj_banner.var_acne .ctn_banner h3 {
		font-size: 32px;
		}
	.obj_banner.var_acne .ctn_banner .ctn_bar p {
		width: 100%;
		font-size: 80px;
		}
	.obj_banner.var_acne .ctn_banner h4 {
		left: 50%;
		right: auto;
		font-size: 65px;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		}
	.obj_banner.var_acne .ctn_visuel img {
		right: 0%;
		}

	}

@media screen and (max-width: 980px) {
	
	.obj_banner.var_acne .ctn_banner h3 {
		width: 100%;
		}
	.obj_banner.var_acne .ctn_visuel {
		display: none;
		}
	
	}

@media screen and (max-width: 767px) {
	
	.obj_banner.var_acne .ctn_banner h3 {
		width: 280px;
		font-size: 28px;
		}
	.obj_banner.var_acne .ctn_banner .ctn_bar {
		top: 50%;
		}
	.obj_banner.var_acne .ctn_banner .ctn_bar p {
		font-size: 40px;
		}
	.obj_banner.var_acne .ctn_banner h4 {
		font-size: 45px;
		}
	
	}

/*** .obj_banner.var_sample ***/

.obj_banner.var_sample {
	min-height: 350px;
	width: 100%;
	max-width: 1180px;
	margin: 50px auto;
	padding: 100px 500px 100px 80px;
	text-align: center;
	background: url("../../Resources/RO/bg_banner_sample.jpg") no-repeat 85% center / 400px auto white;
	}
.obj_banner.var_sample p {
	font: 36px/1em "LocatorWeb-Regular";
	}
.obj_banner.var_sample .ctn_btn {
	margin-top: 60px;
	}
.obj_banner.var_sample .ctn_btn .obj_btn {
	padding: 20px 40px;
	font: 22px/1em "LocatorWeb-Regular";
	}

@media screen and (max-width: 767px) {
	
	.obj_banner.var_sample {
		padding: 230px 40px 0px 40px;
		background-position: center 30px;
		background-size: 200px auto;
		}
	.obj_banner.var_sample p {
		font-size: 26px;
		}
	.obj_banner.var_sample .ctn_btn {
		margin: 30px 0px 0px 0px;
		}
	.obj_banner.var_sample .ctn_btn .obj_btn {
		padding: 20px 40px;
		font-size: 16px;
		}
	
	}

/**********************/
/***** INFO ATOPY *****/
/**********************/
div.main.pg_atopy nav.nav-atopy ul li:last-child {
	display: none;
}
/*
div.main.pg_atopy aside.pushs {
	padding-top: 270px;
}*/

/* ======================================== */
/*  E-sampling_2020
/* ======================================== */

.obj_esample .obj_carrousel.banners,
.obj_e-sampling_2020 .obj_carrousel.banners {
	height: auto;
	}
.obj_esample .obj_carrousel.banners .masque,
.obj_e-sampling_2020 .obj_carrousel.banners .masque {
	height: 300px;
	transition: none;
	}
.obj_esample .obj_carrousel.banners .masque .items,
.obj_e-sampling_2020 .obj_carrousel.banners .masque .items {
	height: auto;
	}
.obj_esample .obj_carrousel.banners .masque .items .item,
.obj_e-sampling_2020 .obj_carrousel.banners .masque .items .item {
	opacity: 1;
	position: static;
	height: 100%;
	padding: 0;
	transition: none;
	}
.obj_esample .obj_carrousel.banners .nav button,
.obj_e-sampling_2020 .obj_carrousel.banners .nav button {
	border: none;
	}