body
{
width:100%;
height:100%;
margin: 0; /* pour éviter les marges */
padding: 0;
text-align: center;
background-color:#333;
background-image:url(images/);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: left;
/*background-position: 0% 0%;*/
scrollbar-face-color:white;
scrollbar-shadow-color:#263868;
scrollbar-highlight-color:#263868;
scrollbar-3dlight-color:99c;
scrollbar-darkshadow-color:99c; 
scrollbar-track-color:white;
scrollbar-arrow-color:white;
}

.conteneur
{
width: 950px;
height: 602px;
position:absolute;
top:50%;
right:50%;
margin:0 auto;
margin-right:-475px; 
margin-top:-301px; 
padding:0;
/*overflow:auto;*/
text-align: right;
background-color:#333;

}

#entete
{
height:150px;
background:#339;
background-image:url(images/banA.jpg);
background-repeat: no-repeat;
padding:0;
background-position: 0% 0%;

}
/*
#right
{
float:right;
width:200px;
height:448px;
margin:0;
padding:0;
padding-left:6px;
background-color:#ccc;
background-image:url(images/right.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;

}*/

#centre
{
height:448px;/*était à 74%, à vérifier*/
overflow:auto;
margin:0;
padding:0;
padding-left:2px;
padding-right:1px;
font-family: Arial, Verdana, Times new Roman;
background-color:#fff;
background-image:url(images/.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position:20px 20px;
/*border-top:1;
border-top-style:solid;
border-top-color:#fff;
border-top-width:2px;
border-left:1;
border-left-style:dashed;
border-left-color:#60f;
border-left-width:2px;*/
}

#pied
{
clear:both;
width:950px;
height:20px;
margin:0;
padding:0;
background-color:#ccc;
font-family:Arial, Verdana;
font-size:10px;
text-align: center;
color:#fff;
background-image:url(images/);
background-repeat: no-repeat;
background-position: 0% 0%;
border-top:1;
border-top-style:solid;
border-top-color:#fff;
border-top-width:2px;
/*border-bottom:1;
border-bottom-style:solid;
border-bottom-color:#903;
border-bottom-width:4px;*/

}


.paragraphe
{
	font-family: arabic transparentArial, Verdana, Times new Roman;
	margin-top:0;
	margin-bottom:6px;
	margin-left:0;
	margin-right:4px;
	padding:0;
	padding-top:0;
	padding-bottom:0;
	padding-right:2px;
	padding-left:3px;
	/*margin-top: 2px;*/
	font-size:20px;
	text-align:justify;
	color:#033;
	/*border-left:1;
	border-left-style:dashed;
	border-left-color:pink;
	border-left-width:1px;
	border-right:1;
	border-right-style:dashed;
	border-right-color:pink;
	border-right-width:1px;*/

}

.graphe
{
	font-family: Arial, Verdana, Times new Roman;
	margin-top:2px;
	margin-left:0;
	margin-right:4px;
	padding:0;
	padding-left:3px;
	/*margin-top: 2px;*/
	font-size:13px;
	text-align:left;
	color:#33f;
	font-weight:bold;
}
.para
{
	font-family: Arial, Verdana, Times new Roman;
	margin-top:2px;
	margin-left:0;
	margin-right:4px;
	padding:0;
	padding-left:3px;
	/*margin-top: 2px;*/
	font-size:16px;
	text-align:left;
	color:#33f;
	font-weight:bold;
}
ol {
margin: 0;
margin-left: 14px;
padding: 0;
list-style-type:square;
font-family:arial, times new roman, verdana;
color:#09f;
z-index:100;

}



/*style menu*/
dl, dt, dd, ul, li {
margin: 0;
margin-right: 15px;
padding: 0;
list-style-type:images/fred.jpg;
font-family:arial, times new roman, verdana;
color:#fff;
z-index:100;

}
#menu {
position: relative;
top: 15px;
right: 0;
width: 198px;
background:0;
}

#menu dt {
cursor: pointer;
background:0;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 0;
text-align: right;
font-size:25px;
font-weight: bold;
font-variant:small-caps;
}

#menu dd {
position: absolute;
width:;
z-index: 100;
left: 11em;
margin-top: -1.4em;
width: 10em;
background: #A9BFCB;
border-right:1;
border-right-style:solid;
border-right-color:#36f;
border-right-width:6px;
/*border: 01px solid gray*/;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: right;
font-size: 85%;
height: 18px;
line-height: 18px;

}
#menu li a, 
color: #000;
text-decoration: none;
display: block;
}
#menu dt a {
/*border-right:1;
border-right-style:solid;
border-right-color:0;
border-right-width:6px;*/
}

#menu dt a:hover
{
border-right:1;
border-right-style:solid;
border-right-color:#36f;
border-right-width:6px;
}




/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; color:#033; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(XXX/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/
/*-------- gallery_index -------*/

	#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: 606px;	/* IE 5.x */
		width/* */:/**/600px;	/* Other browsers */
		width: /**/600px;
		
		/* CSS HACK */
		height: 456px;	/* IE 5.x */
		height/* */:/**/450px;	/* Other browsers */
		height: /**/450px;
		
		background-color:#000;
		border:3px solid #317082;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:600px;
		height:450px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}