$(document).ready(function()
{
  var heightpage = 0;
  var index = 0;
  $(".box_evenement").each(function(i)
  {
    if (i == 0)
    {
      $(this).addClass('page');
      
    }
    if ((heightpage + $(this).height()) > 450)
    {
      index++;
      $(this).addClass('page');
      heightpage = 0;
    }
    heightpage += $(this).height();
    $(this).addClass('page' + index);
  });
  $('.colonne_02').pager('.page');
});