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

/** Footer **/
.portalv4.mx footer.main .ctn_newsletter a.btn{
	width:auto;
	line-height:1.2em;
	}

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

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

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

/** Form Contact **/
.pg_contact.mx .obj_select * {
	box-sizing: border-box;
}
.pg_contact.mx .ctn_contact {
	padding: 30px 0 0;
	margin: 30px auto;
}
.pg_contact.mx section.content {
	width: 100%;
	}
.pg_contact.mx .ctn_line.var_phone input{
	float:left;
	}

.pg_contact.mx .ctn_contact .pave_contact .ctn_line input {
	width: 100%;
}
.pg_contact.mx .ctn_contact .pave_contact .ctn_line h4 {
	padding-right: 15px;
	margin-right: 0;
}
.pg_contact.mx .ctn_contact .pave_contact .ctn_line .obj_input,
.pg_contact.mx .ctn_contact .pave_contact .ctn_line.duo_col .obj_select {
	width: 385px;
}
.pg_contact.mx .ctn_contact .pave_contact .ctn_line.duo_col {
	width: 50%;
}
.pg_contact.mx .ctn_contact .pave_contact .ctn_line.var_phone .var_lada{
	width:72px;
	}
.pg_contact.mx .ctn_contact .pave_contact .ctn_line.var_phone .var_numero{
	margin-left:3px;
	width:225px;
	}


/** Bouton "CHAT" **/
.cta_chat {
	float: left;
	margin: 1px 5px 0 0;
	font-size: 0;
	}
.cta_chat span {
	display: table-cell;
	padding: 2px 20px 1px 20px;
	line-height: 18px;
	}
.cta_chat span:first-child {
	font-size: 12px; color: #000;
	background: #f1f1f1;
	border-radius: 3px 0 0 3px;
	}
.cta_chat span.chat {
	font-family: dinpro-medium; font-size: 14px; color: #fff;
	background: #f594cc;
	border-radius: 0 3px 3px 0;
	}
	
/*****************************/
/***** RESPONSIVE DESIGN *****/
/*****************************/
@media screen and (max-width:1200px){
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line.duo_col {
		float: left;
		width: 445px;
		height: auto;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line h4{
		width: 110px;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line input{
		width: 300px;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line.var_phone .var_lada{
		width:70px;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line.var_phone .var_numero{
		width:215px;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line .obj_select.date_mm {
		width: 97px;
		}
}
@media screen and (max-width:767px){
	.pg_contact.mx .main header {
		margin: 0 10px 20px 10px;
		}
	.pg_contact.mx .ctn_contact {
		margin: 10px;
		text-align: center;
		width: auto;
		}
	.pg_contact.mx .ctn_contact.coordonnees {
		margin: 10px;
		text-align: left;
		}
	.pg_contact.mx .obj_input{
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		}
	.pg_contact.mx .obj_input *{
		box-sizing: border-box;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line.duo_col {
		float: none;
		width: 100%;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line h4{
		width: 100%;
		text-align: left;
		padding: 0;
		margin-bottom: 5px;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line input{
		width: 100%;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line.var_phone .var_lada{
		width:39%;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line.var_phone .var_numero{
		width:60%;
		margin-left: 1%;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line .obj_select.date_jj,
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line .obj_select.date_mm,
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line .obj_select.date_aaaa {
		width: 32%;
		margin-right: 1%;
		}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line .obj_select.date_aaaa {
		width: 33%;
		margin-right: 0;
		}
	.pg_contact.mx section.bottom{
		width: 320px;
		clear: both;
		margin: 0 auto;
		padding-top: 20px;
		}


	.pg_contact.mx .ctn_contact .pave_contact {
		padding: 15px;
	}
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line .obj_input,
	.pg_contact.mx .ctn_contact .pave_contact .ctn_line.duo_col .obj_select {
		width: 100%;
	}
}

/****************************/
/***** LIPIKAR FAMILIES *****/
/****************************/

.lipikar_families.mx .str_header > .ctn_header h1 a{
    background-image:url('i_logo-lipikar-families_mx.png');
	}
.lipikar_families.mx .var_3_name .ctn_question{
	float:left;
	margin-left:20px;
	}
.lipikar_families.mx .var_3_name .ctn_question:first-child{
	margin-left:0;
	}
.lipikar_families.mx .var_3_name .ctn_question .obj_input input{
	width:261px;
	}
.lipikar_families.mx .l_right .obj_select.state{
    margin-right:0;
	}
.lipikar_families.mx .obj_select.state a.b_toggle{
    width:403px;
	}
.lipikar_families.mx .obj_select.dermato a.b_toggle{
    width:190px;
	}

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

.lipikar_families.mx .var_3_name .ctn_question{
	float:none;
	margin-left:0;
	}
.lipikar_families.mx .var_3_name .ctn_question .obj_input input{
	width:100%;
	}
.lipikar_families.mx .obj_form.form_inscription .obj_radio .var_programa fieldset{
	float:none;
	margin-top:10px;
	}
	
}

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

.lipikar_families.mx .ctn_inscription .ctn_header{
	background:none;
	}
	
}
	
/**********************/
/***** PORTAIL V4 *****/
/**********************/

body.mx header.main nav.secondary ul:first-child li:first-child a{
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background:#ffc000;	
	}
body.mx header.main nav.secondary ul:first-child li:nth-child(2) a{
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background:#92d050;	
	}
body.mx header.main nav.secondary ul:first-child li:nth-child(3) a {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background:#008fcd;	
	}

/* ------------------------------ *
 * LRP MAG
 * ------------------------------ */
.mx header.main nav.main .root.lrpmag .sprite-icon{padding:9px 5px; font-size:0;}
.mx header.main nav.main .root.lrpmag .sprite-icon:before{
	position:relative; top:auto; left:auto;
	width:96px; height:22px;
	margin-top:0;
	background:url('../../../resources/MX/v_titre-lrp_mag.png') no-repeat center center / contain;
	}
@media screen and (max-width: 767px){
	.mx header.main nav.main .root.lrpmag .sprite-icon{padding:15px 15px 12px 15px;}
}