/* commented backslash hack v2 \*/
* html {overflow:hidden;}
/* end of hack */
body {background-color:#557;margin:0;padding:0 10px 0 10px; border:0; height:100%; overflow-y:scroll;}

/*general positioning of left-hand side navigation menu; nb: each specification that begins with a star and html only applies to IE 6 for Windows*/
#menu {position:fixed; display:block; top:22%; left:10px; width:140px; background-color:transparent; z-index:20;}
* html #menu {position:absolute;}

body {font-family:arial, sans-serif; font-size:12px; letter-spacing:1px;}

/*format for links in the navigation menu*/
#menu a, #menu a:link {display:block; width:140px; text-decoration: none; color: #FFC; background: #77A;
line-height:18px; margin-top:1px; font-size:1.3em;text-align:center; font-family: sans-serif;font-weight:bold}
* html #menu a, #menu a:link {font-weight:bolder;}
#menu div {display:block; width:140px; text-decoration: none; color: #224; background: #66A; line-height:110%;
margin-top:1px; font-size:1.3em; text-align:center; font-family: sans-serif;font-weight:bold}
* html #menu div {font-weight:bolder;}
#menu a:hover { color: #990066;
   background:#AAA;}
#menu a:active {font-weight:bolder;}
#menu a span {display: none;}
/*format for the "popup" that appears below the menu when hovering over certain links*/
#menu a:hover span {
   display: block;
   position: fixed; top: 70%; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 1;
   color: #AAA;
   font: 10px Verdana, sans-serif; text-align: center;
   }
 * html #menu a:hover span {position:absolute; top:95%; left:-9px;}

/*general container for the text*/
#content {position:relative; display:block; margin: 0 0 0 131px; padding:13px;
padding-top:8px;padding-left:9px;
background:transparent; overflow:hidden; letter-spacing:0.08em; z-index:10;}
.text {display:block; padding:10px 7px 10px 10px; width:93%; margin-left:5px; text-align:justify; 
float:left; color:#333366;background:white;border:double;}
.clear {clear:both; height:1px;}

/*footer: does not have any text, only useful for the end of the scrolling*/
#foot {display:block; padding:10px 10px 0 100px;background:#557;}

/*some style, used in the main text*/
.h4 {font-size:24px; color:#FFCC33; margin-bottom:5px; letter-spacing:1px; font-weight:bold;text-align:left}
.h5 {font-size:18px; color:#FFCC33; margin-bottom:5px; letter-spacing:1px; font-weight:bold;text-align:left}

/* top element under which the text slides*/
#rl {position:fixed; display:block; top:-10px; left:0px;  width:100%; height:20%; 
font-size:60px; line-height:90px; font-family:arial, verdana, sans-serif; overflow:hidden;
 color:#557;background:#557; z-index:25; font-weight:bold;
}
* html #rl {position:absolute;}
/*page title, under which the text scrolls as well*/
#title{
        position:fixed;top:77px; left: 164px; right:6%;
        display:block;
		margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; 
		background: #990066; color: #FFC;
		letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px;
		white-space: nowrap;
		border: ridge white;z-index:100;
		} 
* html #title {position:absolute;left:168px;width:81%;
}

/*to switch between the French and English versions of the site*/
#version {
	position:fixed;
	bottom:3%;
	left:53px;
	color:#FFC;
	font-size:small;
	z-index:100;
	font-family: Georgia, "Times New Roman", Times, serif;
}
* html #version {position:absolute;font-weight:bold;font-size:x-small;}
#version a:link {color: #FFC;}
#version a:visited {color: #FFC;}
#version a:link:hover {color: #CCCCCC;}

.bold {font-size:14px; font-weight:bold;}
/*some padding, requiered for the text to smoothly scroll under the top*/
#pad {display:block; height:110px;}