#Modal{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	perspective:600px;
}
	#modal_cache{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,188,139,0.85);
	}
	#offer_mailto{
		display: none;
	}
	.mymodal{
		position: absolute;
		left: 50%;
		top: 50%;
		visibility: hidden;
		-webkit-transform:translate(-50%, -200%);
		-ms-transform:translate(-50%, -200%);
		transform:translate(-50%, -200%);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform-origin:center center;
		transform-origin:center center;
		-webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.3s;
		transition:transform 0.3s ease-out, opacity 0.3s;
		padding: 50px 0 20px;
		background: #fff;
		width: 680px;
	}
		.mymodal:before{
			content:"";
			position: absolute;
			left: 0;
			bottom: 100%;
			width: 100%;
			height: 15px;
			background: url("../img/shadow-horizontal-from-bottom@2x.png") no-repeat center center;
			background-size: 100% 15px;
		}
		.mymodal:after{
			content:"";
			position: absolute;
			left: 0;
			top: 100%;
			width: 100%;
			height: 15px;
			background: url("../img/shadow-horizontal-from-top@2x.png") no-repeat center center;
			background-size: 100% 15px;
		}
		.modal_form, .modal_confirm{
			width: 80%;
			margin: 0 auto;
		}
		.mymodal.displayed{
			visibility: visible;
			-webkit-transform:translate(-50%, -50%);
			-ms-transform:translate(-50%,0-50%);
			transform:translate(-50%, -50%);
		}
		.modal_title:before{
			content:"";
			position: absolute;
			left: 50%;
			top: -70px;
			width: 100px;
			height: 100px;
			-webkit-transform:translate(-50%, 0);
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}
			#modal--offer .modal_title:before{
				background: url("../img/icon-gift@2x.png") no-repeat 0 0;
				background-size: 50px 50px;
				width: 50px;
				height: 50px;
			}
			#modal--subscribe .modal_title:before{
				background: url("../img/icon-newsletter365@2x.png") no-repeat 0 0;
				background-size: 75px 75px;
				width: 75px;
				height: 75px;
				top: -70px;
			}
			#modal--subscribe.mymodal .modal_title{ margin-top: 60px;}
			#modal--about .modal_title{ margin-top: 80px;}
			#modal--about .modal_title:before{
				background: url("../img/logo-header@2x.png") no-repeat 0 0;
				background-size: 164px 34px;
				width: 164px;
				height: 34px;
				top: -60px;
			}
				#modal--about .modal_p{ font-size: 16px; line-height: 25px; font-family: "SanchezSlabRegular"; padding: 0 100px; text-align: center;}
				#modal--about .modal_p a{ color:#00bc8b;}
		
		.mymodal .modal_title{
			text-align: center;
			font-size: 24px;
			margin:70px 0 10px;
			position: relative;
			font-family: "SanchezSlabRegular";
		}
		.modal_close{
			width: 75px;
			height: 75px;
			overflow: hidden;
			background: url("../img/icon-close-day@2x.png") no-repeat 0 0;
			background-size: 150px 75px;
			left: 50%;
			top: 0px;
			position: absolute;
			cursor: pointer;
			-webkit-transform:translate(-50%, 0);
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}
			.modal_close:hover{
				background-position: -75px 0;
			}

		.modal_p{
			display: inline-block;
			width: 100%;
			font-size: 14px;
			line-height: 17px;
			margin: 7px 0;
		}
			.modal_p.nomargedb{ margin-bottom: 0px;}
		.modal_center{ text-align: center;}
		.modal_bigger{ font-size: 23px; line-height: 23px;}
		.modal_biggerX{ font-size: 40px; line-height: 40px; font-family: "SanchezSlabRegular";}
		.mymodal .disclaimer{
			font-size: 11px;
			line-height: 13px;
			display: inline-block;
			margin-top: 20px;
		}
		.mymodal .btsend{
			text-align: right;
		}

		.input_email, .input_friend{
			color: #262626;
			font-size: 20px;
			background: #e6e6e6;
			width: 100%;
			vertical-align: top;
			height: 60px;
			line-height: 55px;
			border: 1px solid #999999;
			float: left;
			padding: 6px 10px 0px;
			font-family: "SanchezSlabRegular";
		}
			.input_email.default, .input_friend.default{
				color:#999999;
			}

		.bt_email{
			width: 20%;
			vertical-align: top;
			height: 60px;
			background: #fff;
			font-size: 20px;
			line-height: 55px;
			color: #00bc8b;
			text-align: center;
			border: 1px solid #999999;
		}
			.bt_email:hover{
				background: #00bc8b;
				color: #fff;
			}

		.modal_check{
			cursor: pointer;
			background: #e6e6e6;
			width: 40px;
			height: 40px;
			display: inline-block;
			margin-right: 10px;
		}
			.modal_check.checked{
				background: url("../img/check-icon@2x.png") no-repeat 0 0 #00bc8b;
				background-size: 40px 40px;
			}
		.modal_check_label{
			display: inline-block;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
			vertical-align: top;
			font-family: "SanchezSlabRegular";
		}

		.modal_select{
			float: left;
		}
			.ui-selectmenu-menu{ position: fixed;}
			#select_offer--days{
				width: 140px;
			}
				#select_offer--days-button{ font-family: "Schizotype"; font-size: 40px;}
					#select_offer--days-button .ui-selectmenu-text{ line-height:60px;}
				#select_offer--days-menu{ font-family: "Schizotype";}
			#select_offer--months{
				width: 400px;
				font-family: "SanchezSlabRegular";
			}
				#select_offer--months-button{ font-family: "SanchezSlabRegular"; font-size: 40px;}
					#select_offer--months-button .ui-selectmenu-text{ line-height:60px;}
				#select_offer--months-menu{ font-family: "SanchezSlabRegular";}

			.modal_form .ui-selectmenu-button{
				border-radius: 0px;
				border: 1px solid #ddd;
				color: #262626;
				background: #fff;
				height: 70px;
				line-height: 74px;
				font-size: 35px;
				outline: none;
			}
				.modal_form .ui-selectmenu-button:hover{
					border-color: #ddd;
				}
					.modal_form .ui-selectmenu-button span.ui-selectmenu-text{
						padding: 10px 70px 10px 2px;
						text-align: center;
					}
					.modal_form .ui-selectmenu-button span.ui-icon{
						background: url("../img/icon-arrow-selected-month-box@2x.png") no-repeat scroll -65px -16px / 200px 100px rgba(0, 0, 0, 0);
						position: absolute;
						right: 0px;
						top: 0px;
						width: 70px;
						height: 70px;
						border-left: 1px solid #ddd;
						margin: 0;
					}
			.ui-selectmenu-menu .ui-menu{
				background: #e6e6e6;
				height: 240px;
			}
				.ui-selectmenu-menu .ui-menu-item{ border: 0px; padding: 10px 20px;}
					.ui-selectmenu-menu .ui-menu-item.ui-state-focus{ background:#00bc8b; color:#fff; border: 0px solid; }

		.modal_confirm{}
			.modal_confirm_message{
				font-size: 23px;
				line-height: 26px;
				margin: 210px 0 40px;
				text-align: center;
				position: relative;
			}
				.modal_confirm_message:before{
					content:"";
					position: absolute;
					left: 50%;
					top: -200px;
					width: 200px;
					height: 200px;
					-webkit-transform:translate(-50%, 0);
					-ms-transform:translate(-50%, 0);
					transform:translate(-50%, 0);
				}
				#modal--offer .modal_confirm_message:before{
					background: url("../img/icon-gift@2x.png") no-repeat 0 0;
					background-size: 200px 200px;
				}
				#modal--subscribe .modal_confirm_message:before{
					background: url("../img/icon-newsletter365@2x.png") no-repeat 0 0;
					background-size: 200px 200px;
				}

			.modal_confirm_message--update{
				font-size: 23px;
				line-height: 26px;
				text-align: center;
				margin: 20px 0 20px;
			}


	#modal--abonne .modal_p{ text-align: center;}
	#modal--abonne .modal_biggerX{ margin-top: 160px; }
	#modal--abonne .modal_biggerX:before {
	    background: url("../img/icon-newsletter-ok@2x.png") no-repeat scroll 0 0 / 200px 200px rgba(0, 0, 0, 0);
	    height: 200px;
	    width: 200px;
	    content:"";
		position: absolute;
		left: 50%;
		top: 20px;
		-webkit-transform:translate(-50%, 0);
		-ms-transform:translate(-50%, 0);
		transform:translate(-50%, 0);
	}

	#modal--invite .modal_p{ text-align: center;}
	#modal--invite .modal_biggerX{ margin-top: 200px; }
	#modal--invite .modal_biggerX:before {
	    background: url("../img/icon-gift@2x.png") no-repeat scroll 0 0 / 200px 200px rgba(0, 0, 0, 0);
	    height: 200px;
	    width: 200px;
	    content:"";
		position: absolute;
		left: 50%;
		top: 40px;
		-webkit-transform:translate(-50%, 0);
		-ms-transform:translate(-50%, 0);
		transform:translate(-50%, 0);
	}

	#modal--media{
		-webkit-transform:translate(0, 0);
		-ms-transform:translate(0, 0);
		transform:translate(0, 0);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform-origin:center center;
		transform-origin:center center;
		-webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.3s;
		transition:transform 0.3s ease-out, opacity 0.3s;
		margin-left: -340px;
		margin-top: -240px;
	}
	#modal--media.displayed{
		visibility: visible;
		-webkit-transform:translate(0,0);
		-ms-transform:translate(0,0);
		transform:translate(0, 0);
	}
		#modal--media .media_title{
			text-align: center;
			font-family: "SanchezSlabRegular";
			font-size: 28px;
		}
		#modal--media .modal_media_embed iframe{
			margin: 20px 0;
			position: relative;
			left: 50%;
			-webkit-transform:translate(-50%, 0);
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}

	#modal--pub{
		border-radius: 500px;
		width: 540px;
		height: 540px;
		text-align: center;
	}
		#modal--pub .modal_close{
			top: -10px;
		}
		.pub_finaltitle{
			display: none;
		}
		.pub_image{
			background: url("/img/pub/book-real.png") no-repeat 0 0;
			width: 348px;
			height: 274px;
			background-size: 100% 100%;
			display: inline-block;
			margin-top: -10px;
		}
		.pub_logo{
			background: url("/img/pub/logo.png") no-repeat 0 0;
			width: 168px;
			height: 67px;
			background-size: 100% 100%;
			display: block;
			position: relative;
			left: 50%;
			margin-top: -10px;
			-webkit-transform:translate(-50%, 0);
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}
		.pub_title{
			font-size: 22px;
			line-height: 24px;
			color: #333;
			margin: 6px 0;
			font-family: "SanchezSlabRegular";
		}
		.pub_bt{
			width: 140px;
			height: 44px;
			line-height: 17px;
			color: #fff;
			background: #f7b100;
			border-radius: 23px;
			cursor: pointer;
			text-align: center;
			font-size: 18px;
			display: inline-block;
			padding-top: 5px;
			font-family: "SanchezSlab-Bold";
		}
			.pub_bt:hover{
				background: #00bd8c;
			}
		.pub_share{
			margin: 10px 0;
		}
			.pub_share .share_bt{
				width: 40px;
				height: 40px;
				position: relative;
				overflow: hidden;
				display: inline-block;
				cursor: pointer;
				outline: none;
			}
				.pub_share .share_bt:after{
					content:"";
					position: absolute;
					left: 0px;
					top: 0px;
				}
					.pub_share .share_bt[data-share="twitter"]:after{
						background:url("/img/pub/bt-twt.png") no-repeat 0 0;
						width:80px;
						height: 40px;
						background-size: 100% 100%;
					}
					.pub_share .share_bt[data-share="facebook"]:after{
						background:url("/img/pub/bt-fb.png") no-repeat 0 0;
						width:80px;
						height: 40px;
						background-size: 100% 100%;
					}
				.pub_share .share_bt:hover:after{
					left:-40px;
				}
	#modal--pub[data-seen365="3"] .pub_finaltitle, #modal--pub[data-seen365="4"] .pub_finaltitle, #modal--pub[data-seen365="5"] .pub_finaltitle, #modal--pub[data-seen365="6"] .pub_finaltitle{
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 22px;
		line-height: 24px;
		color: #333;
		margin: 6px 0;
		font-family: "SanchezSlabRegular";
	}
	#modal--pub[data-seen365="3"] .modal_close, #modal--pub[data-seen365="4"] .modal_close, #modal--pub[data-seen365="5"] .modal_close, #modal--pub[data-seen365="6"] .modal_close{
	}
	#modal--pub[data-seen365="3"] .pub_logo, #modal--pub[data-seen365="4"] .pub_logo, #modal--pub[data-seen365="5"] .pub_logo, #modal--pub[data-seen365="6"] .pub_logo{
		display: none;
	}
	#modal--pub[data-seen365="3"] .texte_est, #modal--pub[data-seen365="4"] .texte_est, #modal--pub[data-seen365="5"] .texte_est, #modal--pub[data-seen365="6"] .texte_est{
		display: none;
	}
	#modal--pub[data-seen365="3"] .pub_title, #modal--pub[data-seen365="4"] .pub_title, #modal--pub[data-seen365="5"] .pub_title, #modal--pub[data-seen365="6"] .pub_title{
		margin: 0 0 10px;
	}