﻿.pg_lipikara .str_bandeau { background : url("../../resources/MA/f_RP-Perso2.jpg") no-repeat 0 0; }
.pg_lipikara .pav_conseil { background : url("../../resources/MA/f_RP-pers1.jpg") no-repeat 0 0; }

.pav_lipikara .pav_2 { background : url("../../resources/MA/f_pav_lipikara.gif") no-repeat 0 bottom; }

#open-popin-videokara {
	width : 210px;
	height : 170px;
	background : url("../../resources/MA/f_RP-persoplay2.jpg") no-repeat 0 0;
}

#open-popin-videolipi {
	width : 210px;
	height : 170px;
	background : url("../../resources/MA/f_RP-perso1play.jpg") no-repeat 0 0;
}

#open-popin-videokara img,
#open-popin-videolipi img { visibility : hidden; }


/************************/
/***** PAGE PRODUIT *****/
/************************/

/** Elargissement de la zone de contenu de description (pas de reviews) **/
.pg_produit section.banner .ctn_texte {	width: 920px; }

@media screen and (max-width:1200px){
	.pg_produit section.banner .ctn_texte {	width: 736px; }
}

@media screen and (max-width:760px){
	.pg_produit section.banner .ctn_texte {	width: 200px; }
	.pg_produit section.banner .ctn_texte .btn_buy{padding-right:0; background:none;}
	.pg_produit section.banner .ctn_texte .btn_pos{padding:0; margin-right:0; background:none;}
	.pg_produit section.banner .ctn_texte .btn_pos a,
	.pg_produit section.banner .ctn_texte .btn_buy a{
		position:relative;
		background: #f7a9d6;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YTlkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNThmYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #f7a9d6 0%, #f58fc9 100%);
		background: -webkit-linear-gradient(top,  #f7a9d6 0%,#f58fc9 100%);
		background: linear-gradient(to bottom,  #f7a9d6 0%,#f58fc9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a9d6', endColorstr='#f58fc9',GradientType=0 );
		border-radius:5px;
		box-shadow:1px 1px 5px #ccc;
		border:1px solid rgba(245,143,201,0.3);
		}
	.pg_produit section.banner .ctn_texte .btn_pos a:before{
		position:absolute; top:50%; left:20px;
		content:""; display:block;
		width:14px; height:24px;
		background:url("../../include/images/f_btn_pos-g.png") no-repeat -21px -9px;
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
				transform:translateY(-50%);
		}
	.pg_produit section.banner .ctn_texte .btn_buy a:before{
		position:absolute; top:50%; left:20px;
		content:""; display:block;
		width:16px; height:18px;
		background:url("../../include/images/f_btn_buy-g.png") no-repeat -21px -11px;
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
				transform:translateY(-50%);
		}
		
	.pg_produit section.banner .ctn_texte .btn_pos{
		display:block;
	}
}

@media screen and (max-width:760px){
	/** Popin APPLI **/
	.pg_home #popinLRPAppli .ctn_popin {		
		padding:110px 10px 0;
		box-sizing:border-box;	
		background:transparent url("v_logo-lrp.png") no-repeat center top / 106px auto;
		}
	#popinLRPAppli.str_popin.default .ctn_popin .ctn_content {		
		margin:0;
		}
	#popinLRPAppli.str_popin.default .ctn_decor-popin {
		width:288px; height: 364px;
		min-width: initial;
		background:#009fe3 url("f_popin-appli.jpg") no-repeat 0 0  / 100% auto;		
		}
	#popinLRPAppli.str_popin.default .btn_close {
		top:5px; right:5px;
		width:21px; height:21px;
		background: url("../../include/images/i_fermer-popin.gif") no-repeat right 0 / 21px auto;
		}
	.ctn_popin_appli {		
		text-align: center;		
		}
	.str_popin.default .ctn_popin_appli h4 {
		font-family: "LocatorWeb-Regular"; font-size: 15px; line-height: 18px; color: #000; text-transform: uppercase; letter-spacing: 11px;
		margin-bottom: 25px;
		}
	.str_popin.default .ctn_popin_appli h3 {
		font-family: "LocatorWeb-Regular"; font-size: 22px; color: #fff; text-transform: uppercase;
		}
	.str_popin.default .ctn_popin_appli h2 {
		margin:0;
		font-size:14.5px;
		line-height:20px;
		color:#000;
		text-align: center;
		}
	.str_popin.default .ctn_popin_appli h2 strong{
		font-family: "LocatorWeb-Bold"; 
		color:#009fee;
		}	
	.str_popin.default .ctn_content .ctn_popin_appli a.cta {
		position:relative;
		display: inline-block;
		width:176px; height:52px;
		margin:65px 0 0;
		padding:0 10px 0 20px; 
		box-sizing:border-box;
		font-family: Arial;
		font-weight:bold;
		font-size: 11.5px;
		line-height:52px;
		color: #009fee;
		text-transform: uppercase;		
		border:1px solid #009fee;
		background:transparent;
		}
		.str_popin.default .ctn_content .ctn_popin_appli a.cta:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 30px;
		height: 0px;
		width: 0px;
		margin-top: -5px;
		border-style: solid;
		border-width: 5px 0px 5px 5px;
		border-color: transparent transparent transparent #009fee;
		transition: all ease 0.25s;
		}
	.str_popin.default .ctn_content .ctn_popin_appli p.mentions {
		font-family: "LocatorWeb-Regular"; font-size: 12px; line-height: 16px; color: #a3d3f1;
		}

}

/* ============================ *
 *  Push myDERMACENTER 2017
 * ============================ */
.obj_push.mydermacenter_hiver2017 {
	overflow: hidden;
	width:33.33333%;
	}

.obj_push.mydermacenter_hiver2017 .ctn_txt {
	position: absolute;
    margin: 10% 0 0 10%;
	text-align: left;
	}
.obj_push.mydermacenter_hiver2017 .ctn_txt h2 {
	display: inline-block;
	height: 20px;
	width: 100%;
	text-indent: -9999px;
	background: url("../FR/v_push-mydermacenter_logo_color.png") no-repeat left center / contain transparent;
	}
.obj_push.mydermacenter_hiver2017 .ctn_txt h3 {
	margin: 0px;
	padding: 0px;
	font: 1.25em/1.125em "LocatorWeb-Light";
	color: #000;
	text-transform: none;
	border: none;
	}
.obj_push.mydermacenter_hiver2017 .ctn_txt h3 strong {
	font-family:"LocatorWeb-Bold";
	}
.obj_push.mydermacenter_hiver2017 .ctn_btn {
	position: absolute;
	left: 10%;
	bottom: 15%;
	}		
.obj_push.mydermacenter_hiver2017 .ctn_btn:before{	
	content: "";
	display: block;
	position: absolute;
	left: 15px; top: 13px;
	width: 16px; height: 17px;
	background: url("../../includeV4/images/sprite_icon.png") no-repeat -67px -211px / 1024px 1024px ;
	}
.obj_push.mydermacenter_hiver2017 .ctn_btn .obj_btn {
	padding: 15px 15px 15px 40px;
	}	
.obj_push.mydermacenter_hiver2017 a:hover .ctn_btn:before {
	background: url("../../includeV4/images/sprite_icon.png") no-repeat -67px -231px / 1024px 1024px ;
	}
.obj_push.mydermacenter_hiver2017 .t_mentions{
	position: absolute;
	left: 10%;
	bottom: 5%;
	font-size:10px;
	text-align: left;
	color: #7a7a7a;
	}
	
@media screen and (max-width: 1024px) {	
	.obj_push.mydermacenter_hiver2017 .ctn_txt {
		margin: 5% 0 0 5%;
		}
	.obj_push.mydermacenter_hiver2017 .ctn_btn,
	.obj_push.mydermacenter_hiver2017 .t_mentions{
		left: 5%;
		}		
}
@media screen and (max-width: 960px) {
	.obj_push.mydermacenter_hiver2017 .ctn_txt {
		font-size:0.75em;
		}
}
@media screen and (max-width: 767px) {
	.obj_push.mydermacenter_hiver2017 {
		width:100%;
		}
	.obj_push.mydermacenter_hiver2017 .ctn_txt {
		font-size:1em;
		}
}	

