BODY {
a:link color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #9c4817;}

}

<!--
BODY {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
}
--> 



body {
background-position: top center ; 
background-image: url("homepage22.jpg");
 background-repeat: no-repeat ; /*pas de répition de l'image*/
 background-attachment: fixed ; 
background-color: #5e0b0c 
}


body
{font-family: verdana ;
color: white ;
font-size: 2pt ;
text-align: justify ;

background-color: ##5e0b0c ; }






BODY {

}

img.z /*l'image du milieu a l'intro*/
{
position: relative;

vertical-align: middle ;

z-index: 2 ;
}


img.x /*la petite image du haut*/
{
position: absolute;
left: 0px ;
top: 500px ;
vertical-align: right ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
z-index: 2 ;
}

img.w /*la petite annim*/
{
position: absolute;
left: 0px ;
top: 550px ;
vertical-align: right ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
z-index: 1 ;
}



h5 /*les trucs permanents photo le bureau...*/
{
position: absolute;
vertical-align: left ;
font-size: 10pt ;
left: -100px ;
top: 180px ;
width: 200px ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
overflow-y : auto;
z-index: 2 ;
}


h4 /*les trucs a tlecharger*/
{
position: absolute;
font-size: 10pt ;
left: 780px ;
top: 450px ;
width: 300px ;
HEIGHT: 150px ;

border-width:0px ; border-style:solid ; 
border-color:#ffffff;
overflow-y : auto;
z-index: 5 ;
}

h2 /**/
{
position: absolute;
left: 125px ;
height: 500px ;
font-size: 10pt ;
top: 90px ;
width: 600px ;
padding: 20pt ;
border-width:0px ; border-style:solid ; 
border-color:#ffffff;

overflow-y : auto;

z-index: 2 ;
	
}

h1 /*les infos du bas*/
{
position: absolute;
left: 127px ;
height: 70px ;
font-size: 6pt ;
top: 672px ;
width: 635px ;
padding: 3pt ;
border-width:0px ; border-style:solid ; 
border-color:#000000;

overflow-y : hidden;

z-index: 5 ;
	
}

h3 /*les titres*/
{
position: absolute;
left: 900px ;
top: 300px ;
width: 160px ;
font-size: 10pt ;
text-align: center ;
word-spacing: 60px;
border-width:0px ; 
border-style: solid ;
border-top-color: white ; 
border-right-color: black ; 
border-left-color: black ; 
border-bottom-color: white ; 
z-index:3 ;
}



h6 /*les elements dans le bloc du milieu*/
{
position: absolute;
left: 840px ;
height: 100px ;
top: 200px ;
width: 160px ;
padding: 0pt ;
border-width:thin ; border-style:solid ; 
border-color:#ffffff;

overflow-y : hidden;

z-index: 2 ;
	
}


h7 /*les elements dans le bloc du milieu*/
{
position: absolute;
left: 1500px ;
height: 100px ;
top: 500px ;
width: 160px ;
padding: 0pt ;
border-width:thin ; border-style:solid ; 
border-color:#ffffff;

overflow-y : hidden;

z-index: 12 ;
	
}

p /*les elements dans le bloc du milieu*/
{
position: fixe
left: 840px ;
height: 100px ;
top: 500px ;
width: 160px ;
padding: 0pt ;
border-width:thin ; border-style:solid ; 
border-color:#ffffff;

overflow-y : hidden;

z-index: 2 ;
	
}

#contenu{
	  position:absolute;
     left: 50%; 
   margin-left: -450px; /* moitié de la largeur de l'image */
z-index: 3 ;
    top: 40px ;
z-index: -1 ;
 } 

#animation{ 
position: absolute;
left: 1300px ;
height: 100px ;
top: 670px ;
width: 200px ;
padding: 0pt ;
border-width:0 ; border-style:solid ; 
border-color:#ffffff;

overflow-y : hidden;

z-index: 6 ;
} 


<!--
#calq1 {
	position:aboslute;
	width:200px;
	height:200px;
	z-index:2;
	left: 200px;
	top: 63px;
}
-->

<!--
#calq3 {
	position:relative;
	width:200px;
	height:200px;
	z-index:2;
	left: 800px;
	top: 330px;
}
-->

<!--
#calq2 {
	position:relative;
	width:200px;
	height:200px;
	z-index:1;
	left: 200px;
	top: 63px;
}
-->


p /*test d'image a droite*/
{
position: absolute;
font-size: 10pt ;
left: 900px ;
top: 380px ;
width: 160px ;
HEIGHT: 160px ;
vertical-align: middle ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
overflow-y : auto;
z-index: 2 ;
}

img.uu
{
position: absolute;
left: 860px ;
height: 100px ;
top: 500px ;
width: 160px ;
padding: 0pt ;
border-width:thin ; border-style:solid ; 
border-color:#ffffff;

overflow-y : hidden;

z-index: 12 ;
	
}



img.ww /*une petite image a droite en haut*/
{
position: absolute;
left: -180px ;
top: 380px ;
vertical-align: right ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
z-index: 6 ;
}

img.xx /*une petite image a droite en haut*/
{
position: absolute;
left: -150px ;
top: 400px ;
vertical-align: right ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
z-index: 4 ;
}


img.yy /*une petite image a droite en haut*/
{
position: absolute;
left: 820px ;
top: 320px ;
vertical-align: right ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
z-index: 3 ;
}

img.zz /*une petite image a droite en haut*/
{
position: absolute;
left: 820px ;
top: 390px ;
vertical-align: right ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
z-index: 3 ;
}

img.vv /*une petite image a droite en haut*/
{
position: absolute;
left: 820px ;
top: 460px ;
vertical-align: right ;
border-width:1px ; border-style:solid ; 
border-color:#ffffff;
z-index: 3 ;
}