body
{
width:100%;
height:100%;
margin: 0; /* pour éviter les marges */
padding: 0;
text-align: center;
background-color:#fff;
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: 598px;
position:absolute;
top:50%;
left:50%;
margin:0 auto;
margin-top:-299px; 
margin-left:-475px; 
padding:0;
/*overflow:auto;*/
text-align: left;
background-color:#fff;
background-image:url(images/fond_6.jpg);
background-repeat: no-repeat;
background-position: 0% 130px;

}

#entete
{
height:130px;
background:0;
padding:0;

background-image:url(images/ban_3.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;

}

#left
{
float:left;
width:280px;
height:450px;/*était à 74%, à vérifier*/
margin:0;
padding:0;
background-color:;
background-image:url(images/.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;

}

#centre
{
height:450px;/*était à 74%, à vérifier*/
overflow:auto;
margin:0;
padding:0;
padding-left:10px;
padding-right:3px;
font-family: Arial, Verdana, Times new Roman;
background-color:;
background-image:url(images/.jpg);
background-repeat: no-repeat;
background-position:0% 0%;
}

#pied
{
clear:both;
width:950px;
height:18px;
margin:0;
padding:0;
background-color:#990;
font-family:Arial, Verdana;
font-size:10px;
text-align: center;
color:#fff;
background-image:url(images/.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;

}


.paragraphe
{
	font-family: Arial, Verdana, Times new Roman;
	margin-top:2px;
	margin-left:0;
	margin-right:4px;
	padding:0;
	padding-left:;
	/*margin-top: 2px;*/
	font-size:13px;
	text-align:justify;
	color:#033;
	background:0;
	/*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;
}


/*--------- menu -----------*/
/* CSS issu des tutoriels css.alsacreations.com */
/*style menu*/
dl, dt, dd, ul, li {
margin: 0;
margin-left:0;
padding: 0;
list-style-type:images/;
font-family:arial, times new roman, verdana;
color:#033;
z-index:100;
}
#menu {
position: relative;
top: 185px;
left: 5px;
width: 198px;
background:0;

}

#menu dt {
cursor: pointer;
background:0;
height: 20px;
line-height: 20px;
margin: 0% 0%;
border: 0;
text-align: left;
font-size:12px;
font-weight: bold;
font-variant:small-caps;

border-left:1;
border-left-style:solid;
border-left-color:#036;/*#06c*/
border-left-width:2px;
}

#menu dd {
position: absolute;
width:1000px;/*est pris en charge localement - voir menu_2.htm*/
z-index: 100;
left: 9em;
margin-top: -1em;
background: #A9BFCB;
/*border-left:1;
border-left-style:solid;
border-left-color:#36f;
border-left-width:6px;
border: 01px solid gray*/;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: left;
font-size: 85%;
height: 18px;
line-height: 18px;
/*border-left:1;
border-left-style:solid;
border-left-color:#939;
border-left-width:8px;*/
}
#menu li a, 
color: #000;
text-decoration: none;
display: block;


}
#menu li a:hover
{
color:#f60;/*border-left:1;*/
/*font-weight:bold;
/*border-left-style:solid;
border-left-color:#06c;
border-left-width:8px;*/
text-decoration:none;
}
#menu dt a {
border-left:1;
border-left-style:solid;
border-left-color:#06c;
border-left-width:8px;
}

#menu dt a:hover
{
border-left:1;
border-left-style:solid;
border-left-color:#f60;
border-left-width:8px;
}









/*--------- 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;
	}