[IMP] website_event: put pager on bottom in website events page.

Purpose
========

When doing a filter on events page, the "second page" of the results is on the top right.
After I scroll down to the last event, nothing tells user that there are more events on the second page (or the second page is available)...

Specification
=============

Put 'Pager'(Pagination) on bottom right side in 'events page' so that user knows easilly to move on next page.

NB: Center the pager instead of displaying it on the right.

addons/website_event/views/website_event_templates.xml

@@ -29,7 +29,7 @@
         <div class="oe_structure"/>
         <div class="container">
             <div class="row mt8">
-                <div class="col-sm-5">
+                <div class="col-sm-12">
                     <ol class="breadcrumb mb0">
                         <li>
                             <a href="/event">Our Events</a>
@@ -38,10 +38,11 @@
                         <li t-if="current_type"><t t-esc="current_type.name"/></li>
                         <li t-if="current_country"><t t-esc="current_country.name"/></li>
                     </ol>
-                </div><div class="col-sm-7">
-                    <t t-call="website.pager" >
-                        <t t-set="classname">pull-right</t>
-                    </t>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-6 col-xs-offset-3">
+                    <t t-call="website.pager"/>
                 </div>
             </div>
             <div class="row mt32 mb32">
@@ -78,6 +79,11 @@
                         </li>
                     </ul>
                 </div>
+                <div class="row">
+                    <div class="col-sm-6 col-xs-offset-3">
+                        <t t-call="website.pager"/>
+                    </div>
+                </div>
                 <div class="col-md-3 oe_structure" id="right_column">
                 </div>
             </div>