<div id="newsletter-popup" class="mfp-hide col-xs-12 col-sm-12 col-md-12 col-lg-12"> 

<style>
#newsletter-popup{background-color: white;padding: 0px;width: 400px; padding-left:0px; max-width:100%; font-size:11.5px; line-height:1 !important;}
.align-middle43{
height:43px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px)
{
	#newsletter-popup{
	padding-bottom: 9% !important;
	padding-left: 5% !important;
	padding-right: 5% !important;
	}
}
.align-middle37{
height:37px;
  display: flex;
  align-items: center;
}
.align-middle27{
height:27px;
  display: flex;
  align-items: center;
}
#newsletter-popup h2{
padding-top: 15%;
text-transform:uppercase;
font-weight:100 !important;
text-align:center;
padding-bottom: 3%;
font-size:15px;
}
.padding-b5{
margin-bottom:5%;
}
.padding-b3{
margin-bottom:3%;
}
.leftpadding2{
padding-left: 2% !important;
}
.aligncenter{text-align:center;}
</style> 
<div class="block block-subscribe"> 
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding"> 
		<div class="col-xs-0 col-sm-5 col-md-5 col-lg-5 nopadding hidden-xs">
			<img src="https://rexaline.com/media/popup/inscription-newsletter-rexaline-hydratation.jpg" alt="rexaline linekiller cosmetique hydratration" />
		</div>
		<div class="col-xs-12 col-sm-7 col-md-7 col-lg-7 nopadding leftpadding2">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding"> 
				<h2>Inscrivez vous à la newsletter rexaline</h2>
			</div>
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding padding-b3 aligncenter"> 
				Vos avantages : 
			</div>
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding padding-b5"> 
				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 nopadding align-middle43 ">
					<img src="https://rexaline.com/media/popup/inscription-newsletter-rexaline-hydratation-cosmetique.jpg" alt="rexaline linekiller cosmetique hydratration" />
				</div>
				<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 nopadding align-middle43">
				2 soins taille voyage offerts				</div>
			</div>
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding padding-b5"> 
				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 nopadding align-middle37">
					<img src="https://rexaline.com/media/popup/inscription-newsletter-rexaline-cadeau.jpg" alt="rexaline linekiller cosmetique hydratration" />
				</div>
				<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 nopadding align-middle37">
				Offres exclusives et astuces beauté				</div>
			</div> 
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding padding-b5"> 
				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 nopadding align-middle27">
					<img src="https://rexaline.com/media/popup/inscription-newsletter-rexaline.jpg" alt="rexaline linekiller cosmetique hydratration" />
				</div>
				<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 nopadding align-middle27">
				Nouveautés en avant première				</div>
			</div>
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding"> 
			<form action="https://rexaline.com/fr/newsletter/subscriber/new/?___SID=S" method="post" class="custom_captcha"> 
					   <input type="text" name="email" title="Saisissez votre email" class="input-text required-entry validate-email" placeholder="Saisissez votre email" style="display:inline-block; max-width:55%; font-size:10px;"/><button type="submit" title="S'inscrire" class="btn btn-primary" style="display:inline-block; border: 0px !important; margin-top:-2px; font-size:12px; border-bottom: 1px solid #767676 !important;"><span><span>Soumettre</span></span></button>
			</form>
			</div>
		
		</div>
	</div>
    <script type="text/javascript">
    //<![CDATA[
        var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
    //]]>
    </script>
</div></div>