<div class="smartphone-box premium-box resizable" style="">
    <div class="frame">
        <div class="main clearfix">
            <a href="#" class="dl ios"><img src="/images/premium-medias/smartphone/dl_appstore.png"></a>
            <a href="#" class="dl android"><img src="/images/premium-medias/smartphone/dl_google.png"></a>
        </div>
        <div class="affiliate-code">Votre code d'accès : 4880</div>
    </div>
</div>
<style data-type="smartphone" type="text/css" media="screen">
    .smartphone-box, .smartphone-box *, .boostraped { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .smartphone-box { position: relative; width: 500px; height: 110px; min-height: 40px; max-height: 140px; text-align: left; color: #000000; background-color: #FFFFFF; font-size: 17px; }
    .smartphone-box span { font-weight: bold; }
    
    .smartphone-box, .smartphone-box * { line-height: 1.25; }
    
    .smartphone-box .frame { position: relative; width: 100%; height: 100%; }
    
    .smartphone-box .main { position: relative; font-size: 290%; }
    .smartphone-box .main .dl { width: 49%; display: block; float: left; }
    .smartphone-box .main .dl:first-child { margin-right: 2%; }
    .smartphone-box .main .dl img { width: 100%; }
    .smartphone-box .affiliate-code { text-align: center; padding: 6px; }
    
    .smartphone-box.single { width: 250px; }
    .smartphone-box.single .main { justify-content: center; }
    .smartphone-box.single .main .dl { width: 100%; }
    
    body#export { margin: 0; padding: 0; }
    
    body#export .clearfix:before, body#export .clearfix:after { content: ""; display: table; }
    body#export .clearfix:after { clear: both; }
    body#export .clearfix { width: 100%; zoom: 1; }
</style>