body {
background: #000;
font: 11px arial,helvetica,sans-serif;
color: #ccc;
margin: 0px;
}


:link, :visited { text-decoration: none; font : normal 300 1em helvetica, sans-serif; }
:link:focus, :visited:focus { color: #7a7; }
:link { color:#696; }
:visited { color: #687; }
:link:hover, :visited:hover { font : normal 600 0.8em helvetica, sans-serif; }
:link:active, :visited:active { color: #7a4; } 
.im:link{color:#665d50}
.im:visited{color:#5f6656}

#zoneimage {
position:absolute;
width:100%;
min-width:100%;
top:47px;
left:0;
height: 524px;
min-height: 524px;
background-color: #222; 
border: none;
border-top: solid #900 1px;
border-bottom: solid #900 1px;
}

#titre {
position:absolute;
left:630px;
top:0px;
height:65px;
background: transparent ;
z-index:110;
margin:0;
padding:0;
}

#image, #image2, #cache, #pageinfo {
position:absolute;
width:520px;
height:520px;
min-width:520px;
min-height:520px;
background: transparent;
visibility:visible;
top:50px;
left:190px;
margin:0;
border-left: solid #333 6px;
border-right: solid #111 2px;
}

#image2 {
visibility: hidden;
}

#pageinfo {
background-color: #222;
visibility: hidden; 
}

#closepageinfo{
position:absolute;
top:500px;
left:500px;
cursor: pointer;
}

img {
opacity:1;
}

#nav0 {
position:absolute;
width:80px;
max-width: 80px;
background: transparent;
visibility:visible;
font: normal 600 11px arial,helvetica,sans-serif;
text-align: right;
top:50px;
left:5px;
margin:0;
padding:0 5px;
opacity:1;
}
#nav0  img, #nav1  img, #nav2  img, #nav2b  img, #nav3  img, #nav4  img {
opacity:0.8;
border: none;
border-left: solid #555 3px;
border-right: solid #000 2px;
cursor: pointer;
}

#nav1 {
position:absolute;
width:80px;
max-width: 80px;
background: transparent;
visibility:visible;
top:49px;
left:755px;
margin:0;
}

#nav2 {
position:absolute;
width:80px;
max-width: 80px;
background: transparent;
visibility:visible;
top:49px;
left:845px;
margin:0;
}

#nav2b {
position:absolute;
width:80px;
max-width: 80px;
background: transparent;
visibility:visible;
top:480px;
left:900px;
margin:0;
}

#nav4 {
position:absolute;
width:80px;
max-width: 80px;
background: transparent;
visibility:visible;
top:540px;
left:810px;
margin:0;
visibility: hidden;
}

#nav3 {
position:absolute;
width:80px;
max-width: 80px;
background: transparent;
visibility:visible;
top:49px;
left:935px;
margin:0;
}

#info0, #info1, #info2, #info3, #info4 {
position:absolute;
width:520px;
max-width:520px;
min-width:520px; 
background: transparent;
visibility:visible;
top:570px;
left:195px;
margin:0;
font: normal 600 11px arial,helvetica,sans-serif;
color: #fff;
text-align: right;
}

#info1, #info2, #info3, #info4 {
visibility:hidden;
}

#st0, #st1, #st2, #st3, #st4 {
position:absolute;
width:300px;
max-width:300px;
background: transparent;
visibility:visible;
top:20px;
left:200px;
margin:0;
font: normal 600 13px arial,helvetica,sans-serif;
color: #fff;
color: #ddd;
}

#st1, #st2, #st3, #st4 {
visibility:hidden;
}

.spacer, .spacerbas, .spacerhaut {
display: block;
width:72px;
min-width:72px;
height:75px;
min-height:75px;
}
.spacerbas {
background-image: url(flechebas.png);
}
.spacerhaut {
background-image: url(flechehaut.png);
}
.info {
margin-top: 5px;
margin-left: 3px;
float: right;
cursor: pointer;
}

td { text-align: center;border: 1px solid #999;color: #eee}
td.tt { font-size:0.95em;text-align: center;border: 1px solid #ddd;color: #995;padding: 0 6px}