function zoomSquare() {
var zoom
var $square = $('#container2');
var $square2 = $('body');
var $square3 = $('html');
var margin
var viewportWidth = $(window).width();
var squareWidth = $square.width();
var desiredWidth = Math.round(viewportWidth * 0.98);
if (desiredWidth <= 1400) {zoom = Math.round((desiredWidth / squareWidth)*100)/100;margin=Math.round(viewportWidth * 0.01)+'px';margin2 = '0px';var hauteur = $square.height()*zoom;}
else {var zoom = 1;margin='auto';margin2 = 'auto';}
//$square2.css('overflow-y','hidden');//
$square.css('margin-left',margin);
$square.css('margin-right',margin2);
$square.css('transform', 'scale(' + zoom + ')');
$square.css('-webkit-transform', 'scale(' + zoom + ')');
$square.css('-moz-transform', 'scale(' + zoom + ')');
$square.css('-o-transform', 'scale(' + zoom + ')');
//$square3.css('height',hauteur);
//$square2.css('height',hauteur);
//$square2.css('overflow-y','auto');
pagezoom = zoom;
}

// When the browser is resized
$(window).on('resize', function(){ zoomSquare(); });

// When the page first loads
$(document).ready(function(){
    zoomSquare();

	
	
	
});