/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
body {
	margin: 0;
	padding: 10px 20px; /* Note -> 2 */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: 10px; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: #09256E;
	background-color: #93b0d0;
    scrollbar-face-color: #92AFCF;
    scrollbar-shadow-color: #228b22;
    scrollbar-highlight-color: #4E7BB2;
    scrollbar-3dlight-color: #8fbc8b;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #E9E9E9;
    scrollbar-arrow-color: #355B8A;
}
#page { 
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 960px; 
  height: 500px; 
  margin-top: -250px; /* moitié de la hauteur */ 
  margin-left: -480px; /* moitié de la largeur */ 
   
}

/*#page {
position:fixed !important;
position:absolute;
width:960px;
height:500px;

}
*/
/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; /* -> 6 */
}
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; /* -> 7 */
}
h1 {
	font-size: 3em; /* -> 8 */
	font-style: italic;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
/*p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}
*/


/* Liens */
a {
	color: mediumblue;
	text-decoration: underline;
}
a:hover, a:focus {
	color: crimson;
}
a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
/*strong {
	font-weight: bold;
	color: #09256E;
}
*/


div.background
{
  width: 680px;
  height: 500px;
 
  border: 0px solid black;
}
div.transbox
{
	width: 330px;
	height: 330px;
	background-color: #ffffff;
	border: 0px solid black;
	filter:alpha(opacity=50);
	opacity:0.6;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	overflow: auto;
}
/*div.transbox p
{
	font-weight: bold;
	color: #000000;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
}
*/
.flash {

z-index:1;
}


/* menu*/
#popitmenu{
position: absolute;
background-color: #93B0D0;
border:1px solid black;
font: normal 10px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: white;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #C5D3E0;


}

/* slideshow */

	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 406px;	/* IE 5.x */
		width/* */:/**/400px;	/* Other browsers */
		width: /**/400px;
		
		/* CSS HACK */
		height: 306px;	/* IE 5.x */
		height/* */:/**/300px;	/* Other browsers */
		height: /**/300px;
		
		background-color:#000;
		border:3px solid #317082;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:400px;
		height:300px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	/*#imageSlideshowHolder img{
		position:absolute;
	}*/