<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">
			Vous démarrez votre activité ? Sécurisez votre site e-commerce grâce à des CGUs personnalisées réalisées par PrestaShop en collaboration avec cabinet spécialisé !
		</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>
				PrestaShop Addons 
			</div>
			<div class="gamification-tip-infobox-content">
				<div class="gamification-tip-infobox-content-image">
					<img src="http://gamification.prestashop.com/api/getAdviceImg/13.png" alt="logo">
				</div>
				<div class="gamification-tip-infobox-content-description">
					<p>Les CGVs sont obligatoires pour sur votre site e-commerce. PrestaShop et le cabinet Haas ont uni leur savoir faire pour vous proposer des CGV personnalisées. Vous bénéficierez ainsi de tout le savoir faire d'un cabinet spécialisé dans le droit du commerce pour réaliser vos ventes en toute confiance !</p>
					<div class="gamification-tip-infobox-content-controls right">
						<a href="javascript:$.fancybox.close();" class="button">fermer</a>
						<a href="http://gamification.prestashop.com/get_advice_link.php?id_advice=13&url=http%3A%2F%2Faddons.prestashop.com%2Ffr%2Fguides%2F5258-cgv-prestashop-conditions-generales-de-vente.html" class="button success">en savoir plus</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
	$(document).ready( function () {
		$('.gamification_fancybox').bind('click', function () {
			id_advice = 13;			
			$('.gamification-tip-infobox').after('<img style="display:none" src="http://gamification.prestashop.com/api/getAdvicePopinImg/'+id_advice+'.png" />');
			
		});
	});
</script>