<style>
.hide{display:none}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}hr.clear{visibility:hidden;margin-bottom:20px}.gamification-tip{width:100%;height:40px;margin:0 0 20px 0;position:relative;line-height:43px;background-color:#f8f8f8;border-bottom:solid 5px #d2d2d2}.gamification-tip div.gamification-tip-title{position:absolute;top:0;left:0;height:40px;width:90px;padding:0 0 0 40px;background:url("http://gamification.prestashop.com/images/interface/gamification-lightbulb.png") 10px 5px no-repeat;color:#556e26;font-size:14px;font-weight:bold}.gamification-tip div.gamification-tip-description-container{height:40px;padding:0 130px 0 130px;display:table-cell;vertical-align:middle;font-size:13px;color:#666666;background:url("http://gamification.prestashop.com/images/interface/gamification-tip-bg.png") 100px top no-repeat}.gamification-tip div.gamification-tip-description-container span.gamification-tip-description{display:inline-block;line-height:15px;max-height:30px;overflow:hidden}.gamification-tip span.gamification-tip-cta{position:absolute;line-height:43px;height:40px;width:70px;top:0;right:0;padding:0 10px 0 30px;border-bottom:solid 5px #739334;background:url("http://gamification.prestashop.com/images/interface/gamification-cta-bg.png") left top no-repeat #a6c964}.gamification-tip span.gamification-tip-cta a{display:inline-block;width:100%;font-size:14px;text-transform:uppercase;font-weight:bold;text-shadow:rgba(255, 255, 255, 0.5) 0 1px 0;color:#556e26;background:url("http://gamification.prestashop.com/images/interface/gamification-popin.png") right 10px no-repeat}.gamification-tip-infobox{padding:0 20px 20px 20px;position:relative}.gamification-tip-infobox .gamification-tip-infobox-title{display:inline-block;margin:0 0 20px -20px;width:100%;padding:10px 20px 5px;border-bottom:solid 3px #739334;font:800 18px/20px arial;text-transform:uppercase;color:#556e26;background-color:#e7f0d6}.gamification-tip-infobox .gamification-tip-infobox-title span.gamification-tip-infobox-title-prefix{display:inline-block;height:40px;padding-left:30px;line-height:40px;text-transform:none;font-size:16px;font-weight:500;margin-right:10px;background:url("http://gamification.prestashop.com/images/interface/gamification-lightbulb.png") left top no-repeat}.gamification-tip-infobox .gamification-tip-infobox-content{display:block;width:100%}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-image{float:left;width:120px;height:200px;background:url("http://gamification.prestashop.com/images/interface/gamification-infobox-separator.png") no-repeat right center}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-description{float:left;width:430px;padding:0 0 25px 25px}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-description p{line-height:20px}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-description ul li{padding:0 0 0 20px;line-height:25px;background:url("http://gamification.prestashop.com/images/interface/gamification-bullet-check.png") left center no-repeat}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-controls{padding:20px 0 0 0}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-controls a.button{display:inline-block;height:30px;padding:0 20px;margin-right:10px;border:none;border-bottom:solid 3px #ababab;line-height:33px;text-transform:uppercase;font-weight:bold;color:#929292;text-shadow:rgba(255, 255, 255, 0.5) 0 1px 0;border-radius:3px;background:#d2d2d2}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-controls a.button.success{color:#384819;background:#a6c964;border-color:#739334;text-shadow:rgba(255, 255, 255, 0.5) 0 1px 0}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-controls a.button:hover{color:#f8f8f8;background:#5f5f5f;border-color:#2c2c2c;text-shadow:rgba(0, 0, 0, 0.5) 0 1px 0}.gamification-tip-infobox .gamification-tip-infobox-content .gamification-tip-infobox-content-controls a.button:active{color:white;background:#2c2c2c;border-color:black;text-shadow:rgba(0, 0, 0, 0.5) 0 1px 0}.gamification-tip-infobox a.infobox-close{display:inline-block;width:14px;height:14px;position:absolute;top:20px;right:20px;text-indent:-9999px;background:url("http://gamification.prestashop.com/images/interface/gamification-infobox-close.png") no-repeat}
</style>
<hr class="clear"/>
<div class="gamification-tip">
	<div class="gamification-tip-title">Astuce</div>
	<span class="gamification-tip-cta"><a class="gamification_fancybox" href="#advice_content">Lire</a></span>

	<div class="gamification-tip-description-container">
		<span class="gamification-tip-description">
			Faites économiser 50 % à vos clients sur leurs frais de port et proposez-leur une plage horaire étendue pour le retrait de leurs colis.
		</span>
	</div>
	<div class="hide">
		<div id="advice_content" class="gamification-tip-infobox">
			<div class="gamification-tip-infobox-title">
				<span class="gamification-tip-infobox-title-prefix">Astuce</span>
				Kiala
			</div>
			<div class="gamification-tip-infobox-content">
				<div class="gamification-tip-infobox-content-image">
					<img src="http://gamification.prestashop.com/api/getAdviceImg/3.png" alt="logo">
				</div>
				<div class="gamification-tip-infobox-content-description">
					<p>Avec 150.000 colis livrés chaque jour au travers de son réseau de 6.000 Points, Kiala est le réseau de points de <b>livraison de proximité</b> leader en Europe (marchands de journaux, épiceries, fleuristes, pressing, etc.) où vos clients peuvent retirer, payer ou retourner leur colis rapidement et <b>quand cela convient le mieux.</b></p>
					<div class="gamification-tip-infobox-content-controls right">
						<a href="javascript:$.fancybox.close();" class="button">fermer</a>
						<a href="{link}AdminModules{/link}&install=kiala&tab_module=shipping_logistics&module_name=kiala&anchor=anchorKiala" class="button success">Installer le module</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
	$(document).ready( function () {
		$('.gamification_fancybox').bind('click', function () {
			id_advice = 3;			
			popin_url = 'http://gamification.prestashop.com/get_advice_link.php?id_advice='+id_advice+'&url=';
			url = window.location.origin+window.location.pathname.replace('index.php', '')+$('.gamification-tip-infobox-content-controls a.success').attr('href');
			$('.gamification-tip-infobox-content-controls a.success').attr('href', popin_url+encodeURIComponent(url));
			
			$('.gamification-tip-infobox').after('<img style="display:none" src="http://gamification.prestashop.com/api/getAdvicePopinImg/'+id_advice+'.png" />');
			
		});
	});
</script>