/* Marketing Popup Prestashop module
 * Copyright 2014, Prestaddons
 * Author: Prestaddons
 * Website: http://www.prestaddons.fr
 */

/* Styles du module Marketing Popup */
.marketing-popup *,
.marketing-popup *:before,
.marketing-popup *:after {
    box-sizing: border-box;
}
.fancybox,
.marketing-popup{
	display:none;
}
.fancybox-inner{
    min-width: 400px;
}
.block_content ul{
    margin-top:-3px;
}
.marketing-popup .block-newsletter h4,
.marketing-popup .block-social h4 {
    font-size:18px;
}
.marketing-popup .block-social ul li a{
  font-size:22px;
}
.marketing-popup p{
	margin:0;
	padding:0;
}
.marketing-popup img{
	max-width:100%;
	height:auto;
}
.marketing-popup .block-features{
	width:100%;
}
.marketing-popup .block-newsletter,
.marketing-popup .block-social{
	width:100%;
	height:59px;
	background-color:#3F3F3F;
	padding:10px 15px;
}
.marketing-popup .block-newsletter{
	position:absolute;
	bottom:0;
}
.marketing-popup .block-social{
	position:relative;
	top:0;
}
.marketing-popup .block-newsletter h4,
.marketing-popup .block-social h4{
	float:left;
	font-size:20px;
	line-height:20px;
	color:#ffffff;
	margin:9px 0;
}
.marketing-popup .block-newsletter .newsletter-input{
	float:right;
	background-color:#3C3C3C;
	border:1px solid #515151;
	color:#ffffff;
	display:inline-block;
	height:40px;
	padding:5px 43px 5px 12px;
}
.marketing-popup .block-newsletter .button-small:hover{
	color: white !important;
}
.marketing-popup .block-newsletter .button-small{
	border: none;
	background: none;
	box-shadow: none;
	text-align: center;
	color: #908f8f;
	position:absolute;
	right:5px;
	font-family: "FontAwesome";
    line-height: 20px;
	top:7px;
}
.block-newsletter .material-icons{
	font-size: 30px;
    color: #333;
    background-color: #908f8f;
	border-radius:50%;
}
.block-newsletter button:hover i{
	background-color: #ffffff;
}
.field{
	width:100%;
}
.content_newsletter{
	width: 15%;
	float:left;
}
.marketing-popup .block-newsletter .button-small span,
.marketing-popup .block-social ul li a span{
	display:none;
}
.marketing-popup .block-social ul{
	float:right;
}
.marketing-popup .block-social ul li{
	float:left;
	text-align:center;
	width:39px;
}
.marketing-popup .block-social ul li a{
	display:inline-block;
	color:#908f8f;
	font-size:24px;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4)
}
.marketing-popup .block-social ul li a:before{
	display:inline-block;
	font-family:"FontAwesome";
	vertical-align:-10px;
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.marketing-popup .block-social ul li a:hover{
	color:white;
}
.marketing-popup .block-social ul li.facebook a:before{
	content:"\f09a";
}
.marketing-popup .block-social ul li.twitter a:before{
	content:"\f099";
}
.marketing-popup .block-social ul li.rss a:before{
	content:"\f09e";
}
.marketing-popup .block-social ul li.youtube a:before{
	content:"\f167";
}
.marketing-popup .block-social ul li.google-plus a:before{
	content:"\f0d5";
}
.marketing-popup .block-social ul li.pinterest a:before{
	content:"\f0d2";
}
@media only screen and (max-width: 479px) {
	.marketing-popup .block-newsletter .newsletter-input{
		width:50% !important;
	}
	.marketing-popup .block-newsletter h4,
	.marketing-popup .block-social h4{
		font-size:18px;
	}
	.marketing-popup .block-social ul li{
		width:32px;
	}
	.marketing-popup .block-newsletter .button-small,
	.marketing-popup .block-social ul li a{
		font-size:22px;
	}
}
@media only screen and (max-width: 360px) {
	.marketing-popup .block-newsletter h4,
	.marketing-popup .block-social h4{
		font-size:16px;
	}
	.marketing-popup .block-social ul li{
		width:28px;
	}
	.marketing-popup .block-newsletter .button-small,
	.marketing-popup .block-social ul li a{
		font-size:18px;
	}
}
/* Section dynamique générée par le backoffice */