/* ================================= *
 * obj_bloc var_uv_patch
 * ================================= */
.obj_bloc.var_uv_patch{
	max-width:100%;
	padding:0;
	background:#fafafa;
	}
.obj_bloc.var_uv_patch .ctn_uv_patch{
	margin-top:60px;
	min-height:800px;
	background:url('../../../../resources/saveyourskin/images/v_push-my_uv_patch.jpg') no-repeat center bottom;
	}	
	
.obj_bloc.var_uv_patch .obj_howto > p{
	padding:10px 0;
	margin:0;
	}
.obj_bloc.var_uv_patch .obj_howto > p.t_mentions{
	opacity:0.5;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .ctn_btn{
	font-size:0;
	}
.obj_bloc.var_uv_patch .obj_howto .obj_cta .ctn_btn a{
	display:inline-block;
	margin:10px 5px 0;
	}
	
.obj_bloc.var_uv_patch .ctn_step.var_confirm .ctn_confirm{
	text-align:center;
	}
.obj_bloc.var_uv_patch .ctn_step.var_confirm .ctn_confirm h3{
	padding:20px 0;
	font:2.25em/1em 'LocatorWeb-Light', sans-serif;
	color:#008fcd;
	}
.obj_bloc.var_uv_patch .ctn_step.var_confirm .ctn_confirm .ctn_btn{
	margin:30px 0 0;
	padding:30px 0 20px;
	position:relative;
	}
.obj_bloc.var_uv_patch .ctn_step.var_confirm .ctn_confirm .ctn_btn:before{
	display:block; content:"";
	width:160px; height:1px;
	margin:0 0 0 -80px;
	background:#fff;
	position:absolute;
	top:0; left:50%;
	}
.obj_bloc.var_uv_patch .ctn_step.var_confirm .ctn_confirm .ctn_btn a{
	margin:20px 5px 0;
	display:inline-block;
	}
	
.obj_bloc.var_uv_patch .obj_step{
	padding:0 20px;
	position:relative;
	max-width:1180px;
	margin:0 auto;
	}
.obj_bloc.var_uv_patch .obj_step .ctn_step{
	position:relative;
	max-width:660px;
	margin:0 auto;
	padding:50px 0;
	}
.obj_bloc.var_uv_patch .obj_step .btn_close{
	position:absolute;
	top:20px; right:20px;
	width:30px; height:30px;
	font-size:0;
	}
.obj_bloc.var_uv_patch .obj_step .btn_close:before,
.obj_bloc.var_uv_patch .obj_step .btn_close:after{
	display:block; content:"";
	position:absolute;
	top:50%; left:50%;
	background:#008fcd;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.obj_bloc.var_uv_patch .obj_step .btn_close:before{
	margin:-1px 0 0 -15px;
	width:30px; height:2px;
	}
.obj_bloc.var_uv_patch .obj_step .btn_close:after{
	margin:-15px 0 0 -1px;
	width:2px; height:30px;
	}


.obj_bloc.var_uv_patch .obj_form.var_patch label{
	display:block;
	margin:0 0 5px;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_ligne > div {
	float:left;
	width:50%;
	padding-left:5px;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_ligne > div:first-child {
	padding-left:0;
	padding-right:5px;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch h3{
	padding:0 0 20px;
	font:1.5em/1em 'LocatorWeb-Light', sans-serif;
	text-align:center;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_input,
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_radio,
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_select.birthdate{
	padding:5px 0;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_select.birthdate .ctn_form-element{
	width:33.333%;
	float:left;
	padding-right:10px;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_select.birthdate .ctn_form-element:last-child{
	padding-right:0;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_select.birthdate .ctn_form-element > span{
	width:100%;
	display:block;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_checkbox {
	margin:15px 0 0;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_checkbox label {
	display:inline-block;
	width:calc(100% - 30px);
	float:left;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_checkbox span[role=checkbox] {
	float:left;
	}		
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_checkbox label a{
	color:#008fcd;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_mentions {
	padding:10px 0;
	font-size:0.875em;
	opacity:0.5;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_radio > label,
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_radio .ctn_form-element {
	display:inline-block;
	float:left;
	margin:0 20px 0 0;
	vertical-align:top;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_radio .ctn_form-element label {
	display:inline-block;
	margin:0;
	}	
.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_btn{padding:40px 0 0; text-align:center;}

@media screen and (max-width:767px){
	.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_ligne > div {
		float:none;
		width:100%;
		padding-left:0;
		}	
	.obj_bloc.var_uv_patch .obj_form.var_patch .ctn_ligne > div:first-child {
		padding-right:0;
		}	
}