@charset "UTF-8";

html, body {
	background-color: transparent;
	background : transparent;
	background-color:transparent !important;
	margin : 0;
	padding : 0;
	width : 700px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	overflow: hidden;
}

input {
	border : 1px solid #7F9DB9;
	background: white;
}

.title input, .partner_optin input {
	border : 0;
}


a {
	border : 0;
	color : white;
}

a img {
	border : 0;
}

p {
	margin : 0 0 10px 0;
	padding : 0;
	font-size: 12px;
}

.header {
	background: transparent url(../images/back_popin_header.png) no-repeat top center;
	height : 91px; 
	color : white;
	padding : 30px 0 0 0;
}

.header h1 {
	font-size : 12px;
	margin : 0 0 0 30px;
	padding : 0;
}

.header h2 {
	font-size : 12px;
		margin : 0 0 0 30px;
	padding : 0;
}

.big {
	
}

.big h1 {
	font-size : 20px;
	text-align : center;
		margin : 0;
	padding : 0;
}

.big h2 {
	font-size : 16px;
	text-align: center;
		margin : 0;
	padding : 0;
}

.content {
	min-height:320px;
	padding : 0 30px;
	height: auto !important;
	height:320px;
	background-image:url(../images/back_popin_loop.png);
	/*_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_popin_loop.png', sizingMethod='scale');*/
	background-repeat:repeat-y;
}

.rightcontent {
	float : right;
	width:245px;
	height:122px;
	padding-top : 50px;
	background-image:url(../images/back_popin_garanties.jpg);
	background-repeat:no-repeat;
	
}

.leftcontent label {
	width : 80px;
	display : inline-block;
}

.title label, .partner_optin label {
	display : inline;
	width : 30px;
}

.leftcontent input {;
	width : 150px;
}

.title input {
	display : inline;
	width : 20px;
}

.partner_optin input {
	display : inline;
	width : 30px;
}

.partner_optin input {
	display: block;
	width : 30px;
	float : left;
}

.partner_optin label {
	margin-left: 0px;
	display: block;
	width : 250px;
	float : left;
}

label.error {
	width : 140px;
	margin-left: 10px;
	color : red;
}

.phone {
	width : 100%;
}

.phone label {
	width : 240px;
	display: block;
	float : left;
}

.iphone .phone label {
	width : 80px;
}

.phone input {
	float : left;
		display: block;
	float : left;
}

.title label.error {
	float : right;
	margin-top : 3px;
	margin-right : 4px;
	*margin-top : -17px;
	*margin-right : 10px; 
}

.partner_optin {
	margin-left : 65px;
	*margin-left : 70px;
	_margin-eft : 65px;
}



.title {
	margin-left : 70px;
	*margin-left : 75px;
}


.ctas {
	clear:both;
	text-align: center;
	padding-top: 10px;
	margin-top: 4px;
	border-top: 1px solid #eeeeee;
	padding : 5px 30px 0 30px;
	*padding : 15px 30px 0 30px;
}

.ctas a, .ctas a img {
	display : inline;
}

.footer {
	width:700px;
	height:37px;
	background-image:url(../images/back_popin_footer.png);
	/*_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_popin_footer.png', sizingMethod='scale');*/
	background-repeat:no-repeat;
}

.afield {
	height : 30px;
}

.popinImg {
	float : left;
	margin-right: 5px;
}

.iphone #firstStep .ctas {
	float : right;
	margin-top : -150px;
	width : 245px;
	text-align: center;
	border : 0;
	padding : 0;
}

.iphone #firstStep .header {
	height : 60px;
}

.iphone #firstStep .content {
	padding-top : 5px;
}

.iphone #firstStep .partner_optin label {
	font-size : 10px;
}

.iphone #firstStep .afield {
	height : 25px;
}

.iphone #firstStep .phone {
	margin-top : 4px;
}

.iphone #firstStep .phone label {
	display :block;
	float: none;
	width : 250px;
	margin-bottom: 3px;
}

.iphone #firstStep .phone label.error {
	display :block;
	float: left;
}

.iphone #firstStep .phone input {
	margin-left : 80px;
	_margin-left : 40px;
}

.iphone #firstStep .ctas p {
	margin : 0;
	color : #666666;
	font-size : 10px;
}

.iphone .partner_optin {
	clear :  both;
	margin-top : 5px;
	padding-top : 10px;
}

.iphone .title label.error {
	margin-right : 255px;
}

.iphone .ctas a.main-action img {
	margin-top : 20px;
}

.friendemail1 label, .friendemail2 label, .friendemail3 label, .partage #firstStep .first_name label {
	width : 150px;
}