Le positionnement des textes et/ou images se fait à l'aide de Twitter Bootstrap.
Le principe est de placer son texte dans des lignes ("row") et des colonnes (ex: "col-xs-*") sachant qu'il faut toujours avoir 12 colonnes dans une ligne :
<?xml version="1.0" encoding="utf-8"?>
<openerp>
    <data>
        <template id="x_sale_report" inherit_id="sale.report_saleorder_document">
            <xpath expr="//div[@class='page']" position="replace">
                <div class="page">
                    <div class="row">
                        <div class="col-xs-3">
                               <!-- etc -->              
                        </div>
                        <div class="col-xs-9 text-right" style="font-weight:bold">
                               <!-- etc -->                              
                        </div>
                    </div>
                </div>
            </xpath>
        </template>
    </data>
</openerp>