body {
	text-align: center;
	color: white;
	background-color: black;

	font-family:Helvetica,Arial;
	font-size:11pt;
	font-style:italic;
	line-height: 100%;

	/*Pour la barre de d�ilement*/
	scrollbar-DarkShadow-Color:#24334A;
	scrollbar-Arrow-Color:#24334A;
	scrollbar-Base-Color:#24334A;
	scrollbar-Track-Color:#212121;
}

h1
{
	margin: 0;
	padding: 0; 
	font-family: Times;
	font-size: 16pt;
	font-style:none;
	color:#00FFFF;
}

h2
{
	margin: 10;
	padding: 0; 
	font-family: Arial;
	font-size: 12pt;
	font-style:normal;
	color:#FFFFFF;
}

td
{
	font-family:Helvetica,Arial;
	font-size:10pt;
}

a:link
{ 
	color: #CCCCCC;
	text-decoration:none;
}

a:visited 
{ 
	color: #CCCCCC;
	text-decoration:none;
}

a:hover 
{ 
	color: white;
	text-decoration:none;
}

a:active 
{ 
	color: white;
	text-decoration:none;
}

#fond_neutre
{
	position: relative;
	width: 1024px;
	height: 579px;
	margin: 0 auto;
	background-image:url("img/fond.jpg");
}

#image
{
	position:absolute;
	left:14px;
	top:26px;
	width:450px;
	height:480px;
}

#zone1
{
	position: absolute;
	left: 179px;
	top: 0px;
	width : 450px;
	height: 199px;
}

#zone1:hover 
{
	background: url("img/fond1.jpg") top left no-repeat;
}

		
#zone2 
{
	position:absolute;
	left: -1px;
	top: 45px;
	width : 374px;
	height: 285px;
}

#zone2:hover 
{
	background: url("img/fond2.jpg") top left no-repeat;
}

#zone3 
{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 179px;
	height: 45px;
}

#zone3:hover 
{
	background: url("img/fond3.jpg") top left no-repeat;
}

#zone4 
{
	position:absolute;
	left: 0px;
	top: 330px;
	width: 374px;
	height: 249px;
}

#zone4:hover {
	background: url("img/fond4.jpg") top left no-repeat;
}

#zone5 
{
	position:absolute;
	left: 585px;
	top: 173px;
	width: 191px;
	height: 285px;
}

#zone5:hover 
{
	background: url("img/fond5.jpg") top left no-repeat;
}

#zone6 
{
	position:absolute;
	left: 374px;
	top: 202px;
	width: 252px;
	height: 378px;
}

#zone6:hover 
{
	background: url("img/fond6.jpg") top left no-repeat;
}

#zone7 
{
	position:absolute;
	left: 627px;
	top: 300px;
	width: 398px;
	height: 279px;
}

#zone7:hover 
{
	background: url("img/fond7.jpg") top left no-repeat;
}

#zone8 
{
	position:absolute;
	left: 629px;
	top: 0px;
	width: 395px;
	height: 295px;
}

#zone8:hover 
{
	background: url("img/fond8.jpg") top left no-repeat;
}


#lien 
{
	position:absolute;
	left:347px;
	top:151px;
	width:324px;
	height:228px;
	background: url("img/accueil.jpg") top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.80;
}

#lien:hover 
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1.00;
}

#zone-texte
{
	position:absolute;
	margin-top:0px;
	left:398px;
	top:40px;
	width:372px;
	height:541px;
	text-align: left;
}

#zone-miniatures{
	position:absolute;
	left:770px;
	top:16px;
	width:245px;
	height:560px;
}

#fleche_left
{
	position:absolute;
	width: 29px;
	height: 17px;
	top: 539px;
	left: 90px;
	background-image:url("img/flecheleft.jpg");
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	opacity:0.2;
}
			
#fleche_left:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1.0;
}

#fleche_right
{
	position:absolute;
	width: 28px;
	height: 17px;
	top: 539px;
	left: 124px;
	background-image:url("img/flecheright.jpg");
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
}

#fleche_right:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1.0;
}

#miniature1, #miniature2, #miniature3, #miniature4, #miniature5, #miniature6, #miniature7, #miniature8, #miniature9, #miniature10
{
	position:absolute;
	width:113px;
	height:94px;
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
} 

#miniature1:hover, #miniature2:hover, #miniature3:hover, #miniature4:hover, #miniature5:hover, #miniature6:hover, #miniature7:hover, #miniature8:hover, #miniature9:hover, #miniature10:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1.0;
}

#miniature1
{
	left:4px;
	top:13px;
}

#miniature2
{
	left:4px;
	top:120px;
}

#miniature3
{
	left:4px;
	top:225px;
}

#miniature4
{
	left:4px;
	top:331px;
}

#miniature5
{
	left:4px;
	top:435px;
}

#miniature6
{
	left:127px;
	top:13px;
}

#miniature7
{
	left:127px;
	top:120px;
}

#miniature8
{
	left:127px;
	top:225px;
}

#miniature9
{
	left:127px;
	top:331px;
}

#miniature10
{
	left:127px;
	top:435px;
}

#liste_lien
{
	position:absolute;
	left:50%;
	margin-left:-430px;
	top:80px;
	width:860px;
	height:500px;
}