body
{
font-family:verdana,arial;
background-image: url(fond.jpg);
}


A:link {text-decoration: none; color: #FFFF00}
A:visited {text-decoration: none; color:#E4941B}
A:active {text-decoration: normal}
A:hover { font-weight:bold; color:white}


table.topnav
{
font-size:80%;
top:0;
left:0;
}

table.menu
{
font-size:100%;
bottom:65;
z-index:-1;
}

table.titre
{
font-size:100%;
top:0;
left:0;
}

table.princip
{
font-size:80%;
top:55;
left:0;
}

table.vignett1
{
font-size:60%;
top:430;
left:0;
}

table.vignett2
{
font-size:60%;
top:480;
left:0;
}

table.vignett3
{
font-size:60%;
top:530;
left:0;
}

table.vignett4
{
font-size:60%;
top:800;
left:0;
}

.borderimage{
border:2px solid #000000;
}

.stateon{ FILTER: Invert(); border: 1px black solid; }
.stateoff{ border: 1px black solid; }

.rollover {
     width: 71px;
     height: 20px;
     background: transparent url(back2.gif)  no-repeat;
}
.rollover a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(back1.gif) no-repeat;
}
.rollover a:hover { 
     background: transparent none;
}