//scales fonts sizes dependant upon screen width
var sWidth = screen.width;
if(sWidth > 1600) sWidth=1600;
//calculates the actual font size, then stores it in a global variable (fSize)
fSize = parseInt(Math.round(sWidth/100) + 1);
fSizeTitle = parseInt(Math.round(sWidth/100)+7);
fSizeH1 = parseInt(Math.round(sWidth/100)+6);
fSizeH2 = parseInt(Math.round(sWidth/100)+4);
fSizeH3 = parseInt(Math.round(sWidth/100)+2);
fSizeH4 = parseInt(Math.round(sWidth/100)+0);
fSizeSmall = parseInt(Math.round(sWidth/100) - 1);
fSizeNormal = parseInt(Math.round(sWidth/100) + 1);
fsizeSuperS = parseInt(1);
fBigTitle = parseInt(Math.round(sWidth/100)+18);
fBigTitleS = parseInt(Math.round(sWidth/100)+10);
fBody = parseInt(Math.round(sWidth/100))+1;

//Screen Resolution (in pixels): Dynamic Font Size (in points): 
//640x480 8pt 
//800x600 10pt 
//1024x768 12pt 
//1152x864 13pt 
//1280x1024 14pt 
//1600x1200 18pt 

//now the css class is written in with the variable font size
document.write('<style type="text/css">');

document.write('body {color: #000080; background-color: white; font-family: arial, verdana, helvetica, sans-serif; font-size:'+fBody+'px; text-align: justify; }');		

document.write('p {font-family: arial, verdana, helvetica, sans-serif; font-size: '+fBody+'px; text-indent: 0%; line-height:normal; margin-bottom : 8px; margin-top : 0px; line-height: normal; }');

document.write('td {color: #000080; border-color: #000000; font-family: inherit; font-size: '+fBody+'px; }');

document.write('.myBigTitle { color: #333333; font-size:'+fBigTitle+'px; font-family: Arial; text-decoration: none; padding: 0; margin: 0;}');

document.write('.myBigTitleS {color: #333333; font-weight: bold; font-size:'+fBigTitleS+'px; font-family: Arial; text-decoration: none; padding: 0; margin: 0; }');

document.write('.mySmallTitle {color: #000000; font-weight: bold; font-size:'+fSizeSmall+'px; font-family: Arial; text-decoration: none; padding: 0; margin: 0; }');

document.write('.myTitle {color: #000088; font-size: '+fSizeTitle+'px; font-family: Verdana, Tahoma, sans-serif; font-weight: bold; letter-spacing: 2px;	text-decoration: none; padding: 0; margin: 0; line-height: normal;}');

document.write('.myText {color: #000000; font-size: '+fSize+'px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  margin-bottom : 5px; margin-top : 0px; line-height: normal;}');

document.write('.myTextSmall {color: #000000; font-size:'+fSizeSmall+'px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-bottom : 5px; margin-top : 0px; line-height:normal;}');

document.write('.myTextItalic {color: #000000; font-size:'+fSize+'px; font-weight: normal; font-style:italic; font-family: Arial, Helvetica, sans-serif; margin-bottom : 5px; margin-top : 0px; line-height:normal;}');

document.write('.myTextBold {color: #000000; font-size:'+fSize+'px;	font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom : 5px; margin-top : 0px; line-height:normal;}');

document.write('.myEntete {color: #000088; font-size:'+fSizeTitle+'px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom : 1px; margin-top : 0px; line-height:normal;}');	

document.write('.Style5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: '+fSizeH2+'px; color: #ff0000; line-height:normal;}');

document.write('.Style6 {font-size:'+fSizeH2+'px; font-family: Arial, Helvetica, sans-serif; color: #000080; font-weight: bold; line-height:normal; }');

document.write('.Style13 {font-family: Arial, Helvetica, sans-serif; font-size:'+fSize+'px; color: black; font-weight: normal; line-height:normal;}');

document.write('.myH1 {color: black; font-size:'+fSizeH1+'px; font-family: Arial, Helvetica, sans-serif; margin-bottom : 0px; margin-top : 10px; line-height:normal;}');

document.write('.myH2 {color: black; font-size:'+fSizeH2+'px; font-family: Arial, Helvetica, sans-serif; margin-bottom : 0px; margin-top : 10px;	line-height:normal;}');

document.write('.myH3 {color: black; font-size:'+fSizeH3+'px; font-family: Arial, Helvetica, sans-serif; margin-bottom : 0px; margin-top : 10px; line-height:normal;}');

document.write('.myH4 {color: black;	font-size:'+fSizeH4+'px; font-family: Arial, Helvetica, sans-serif; margin-bottom : 0px;  margin-top : 10px; line-height:normal;}');
	
document.write('table { border-collapse: collapse; border-color: #000080; color: #000080; font-family: arial, verdana, helvetica, sans-serif; font-size: '+fSize+'px; width : 100%;}');

document.write('li, A {color: #000080; font-family: inherit; font-size: '+fSize+'px;}');

/* utilisé pour nos tableaux de dates avec le background */

document.write('body.main { color: #000080; background-color: white; font-family: arial, verdana, helvetica, sans-serif; font-size: '+fSize+'px; text-align: justify; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin: 0;}');

document.write('table.main {border-collapse: separate; font-family: arial, verdana, helvetica, sans-serif;  font-size: '+fSize+'px;}');

document.write('td.main {background-color: #F0F4FB;	color: #000080;	font-family: inherit; font-size: '+fSize+'px; vertical-align: top;}');

/* utilisé pour le florilège */

document.write('p.times {color: #000080; font-family: times new roman,  arial, verdana, helvetica, sans-serif; font-size:'+fSize+'px;}');

/* la navigation de gauche (eglise) */

document.write('.navigationleft, .navigationleft:link, .navigationleft:visited, .navigationleft:active { font-family:Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #000080; text-decoration: none; background-color:  #f0f4fb;display: block; width:auto; padding: 1px; } '); 
document.write('.navigationleft:hover { font-family:Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color:  #CC33FF; display: block; width:auto; } '); 
document.write('.navigationleftactiv, .navigationleftactiv:link, .navigationleftactiv:visited, .navigationleftactiv:active { font-family:Verdana, sans-serif;  font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; background-color:  #CCCCCC; display: block; width:auto; padding: 1px; }'); 
document.write('.navigationleftactiv:hover {font-family:Verdana, sans-serif;  font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color:  #CC33FF; display: block; width:auto; }');

/* la navigation de gauche (bibliotheque) */

document.write('.navigationleftb, .navigationleftb:link, .navigationleftb:visited, .navigationleftb:active { font-family:Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #000080; text-decoration: none; background-color:  #f0f4fb;display: block; width:auto; padding: 0px; } '); 
document.write('.navigationleftb:hover { font-family:Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color:  #29B123; display: block; width:auto; } '); 
document.write('.navigationleftactivb, .navigationleftactivb:link, .navigationleftactivb:visited, .navigationleftactivb:active { font-family:Verdana, sans-serif;  font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; background-color:  #CCCCCC; display: block; width:auto; padding: 0px; }'); 
document.write('.navigationleftactivb:hover {font-family:Verdana, sans-serif;  font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color:  #29B123; display: block; width:auto; }');


/* la navigation de dessous */

document.write('.navigationbottom, .navigationbottom:link, .navigationbottom:visited {font-family: Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: bold; color:#999999; text-decoration: none; width:auto; }'); 
document.write('.navigationbottom:hover {font-family: Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: bold; color: #FF0000; text-decoration: none; width:auto; }');

/* classes utilisées pour le menu d'en haut */

document.write('table.topmenu {     \
	border-color: #CCFFFF;          \
} ');

document.write('.navigation, .navigation:link, .navigation:visited { font-family:Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: bold; color: #0000ff; text-decoration: none; background-color:  #dddddd; display: block; width:auto; } ');

document.write('.navigation:hover { font-family:Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: bold; color: #0000ff; text-decoration: none; background-color: #FFFFCC; display: block; width:auto; } ');

document.write('.navigation:active { font-family:Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: bold; color: #0000ff; text-decoration: none; background-color: #bbbbbb; display: block; width:auto; }');

ScrolH1 = 500;
ScrolH2 = 400;
if(sWidth >= 1280) ScrolH1=650;
if(sWidth >= 1280) ScrolH2=420;
if(sWidth >= 1600) ScrolH1=750;
if(sWidth >= 1600) ScrolH2=550;

document.write('.simplebox { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; overflow: auto; 	width: 100%; padding-top: 1px; height:'+ScrolH1+'px; } ');

document.write('.activitesbox { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; overflow: auto; width: 100%; padding-top: 1px; height:'+ScrolH2+'px; } ');

/* la navigation de dessous */

document.write('.navigationred, .navigationred:link, .navigationred:visited {font-family: Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: normal; color:#FF0000; text-decoration: none; width:auto; text-decoration: underline;}'); 
document.write('.navigationred:hover {font-family: Verdana, sans-serif; font-size: '+fSize+'px; font-style: normal; font-weight: normal; color: #dd0000; text-decoration: none; width:auto; text-decoration: underline;}');

/* le nouveau menu a gauche */

menuWidth = 110;
if(sWidth >= 1024) menuWidth=130;
if(sWidth >= 1280) menuWidth=150;
if(sWidth >= 1600) menuWidth=170;

document.write('#rgaccordmenu {width:'+menuWidth+'px; border:1px solid #ccc;}');
document.write('.menucolumn {width:'+menuWidth+'px; vertical-align: top; background-color: #eeeeff}');

headerHeight = 50;
if(sWidth >= 1024) headerHeight=60;
if(sWidth >= 1280) headerHeight=70;
if(sWidth >= 1600) headerHeight=80;
document.write('.header_bg {background:url(fileadmin/Images/eglise/croixsitenew.jpg) left top repeat-x; height: '+headerHeight+'px;}');

document.write('</style>');