function checkBrowserWidth()
{
var theWidth = getBrowserWidth();
var taille=document.getElementsByTagName("body").item(0); 

// alert(theWidth); ie donne 1008 puis 991 !!!

if (document.all) {
if (theWidth > 1200) {	taille.style.fontSize='85%'; } // 1600 x1200
	else { 
if (theWidth > 1030) {	taille.style.fontSize='85%'; } //
	else { 
if (theWidth > 920)	{ taille.style.fontSize='85%';	} //1280 x 1024
	else { 
if (theWidth > 840)	{ taille.style.fontSize='85%';	}
	else { 
if (theWidth > 760)	{ taille.style.fontSize='80%';	} // 1024 x 768
	else { 
	taille.style.fontSize='75%';
				}
			}
		}
	}
}
}

else {
if (theWidth > 1200) {	taille.style.fontSize='105%'; }
	else { 
if (theWidth > 1030) {	taille.style.fontSize='100%'; }
	else { 
if (theWidth > 920)	{ taille.style.fontSize='95%';	}
	else { 
if (theWidth > 860)	{ taille.style.fontSize='90%';	}
	else { 
if (theWidth > 760)	{ taille.style.fontSize='80%';	}   // 1024 x 768
	else { 
	taille.style.fontSize='70%';
				}
			}
		}
	}
}
}
}

function getBrowserWidth()
{
	if (window.innerWidth)
	{
		return window.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientWidth != 0)
	{
		return document.documentElement.clientWidth;
	}
	else if (document.body)
	{
		return document.body.clientWidth;
	}
	
	return 0;
}


checkBrowserWidth();

// window.onresize = checkBrowserWidth;



// ------------  reglage scrollbars   --------------- //

var wpageEl=document.getElementsByTagName('body')[0];
// var docElement=(document.compatMode=='CSS1Compat')? document.documentElement: document.body; // NON EXTERNALISABLE
var docElement= document.documentElement;//.offsetWidth

function newdim(xwidth) {
//var xwidth;
if (wpageEl.setExpression){
wpageEl.style.setExpression("width", "(docElement.clientWidth - "+xwidth+") + 'px' ")
}}


/////////////////// mode standard pour ie8 et firefox ///////////////////

var pageEl=document.getElementsByTagName('body')[0];

 var mesElement = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    mesElement = window.innerWidth;    //Non-IE : firefox
//  } else if( document.documentElement && document.documentElement.offsetWidth ) {
//    mesElement = document.documentElement.offsetWidth;    //IE 6+ in 'standards compliant mode'
//  }
  } else if( document.documentElement && document.documentElement.clientWidth ) {
    mesElement = document.documentElement.clientWidth;    //IE 6+ in 'standards compliant mode'
  }// ie7 et firefox : offsetWidth donne le résultat de clientWidth

function diminuerdimension() {
pageEl.style.width = (mesElement -320) + 'px';
}
function augmenterdimension() {
pageEl.style.width = (mesElement -120) + 'px';
}
function resetdimension() {
pageEl.style.width = (mesElement) + 'px';
}
function tester(xd) {
pageEl.style.width = (mesElement - xd) + 'px';
return [ mesElement ];
}

/* function tester(xd) {
pageEl.style.width = (mesElement.clientWidth - xd) + 'px';
} */

function mesurerdimension() {
alert(document.getElementsByTagName('body')[0].offsetWidth)
}

function controlefenetre() {
alert(document.documentElement.offsetWidth)
}

function controlepage() {
alert(document.body.clientWidth)
}

function clientWidth() {
alert(document.documentElement.clientWidth)
}

function getScrollXY() {
	var scrOfX = 0, scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		scrOfY = window.pageYOffset; scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		scrOfY = document.body.scrollTop; scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		scrOfY = document.documentElement.scrollTop; scrOfX = document.documentElement.scrollLeft;
	}
	window.alert( 'Horizontal scrolling = ' + scrOfX + '\nVertical scrolling = ' + scrOfY );
}