BODY
{
    scrollbar-face-color: #E3A600;
    scrollbar-shadow-color: #825E00;
    scrollbar-highlight-color: #C48D00;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFF5DD;
    scrollbar-track-color: #FFF5DD;
    scrollbar-arrow-color: #FFFFFF;
}

a
{
color: #FFFFFF;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
 
a:hover
{
color: #3C68AF;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

a.lien2
{
color: #3B68AE;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

a.lien2:hover
{
color: #E3A600;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

a.lien3
{
color: #FFFFFF;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration:none;
}

a.lien3:hover
{
color: #E2EF17;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration:none;
}

a.lien4
{
color: #A1A1A1;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration:none;
}

a.lien4:hover
{
color: #E3A600;
font-size: 10px;
font-weight: bold;
text-decoration:none;
}

a.lien5
{
color:#8CB977;
font-family: verdana;
font-size: 8pt;
text-decoration:none;
}
a.lien5:hover
{
color:#8CB977;
font-weight:bold;
font-size: 8pt;
font-family: verdana;
text-decoration:none;
}

.texte-gris
{
color: #A1A1A1;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration:none;
}

.apparent
{
	/* attributs obligatoires */
	visibility: visible;
	display: block;

	/* d'autres attributs de votre choix... */
	/*width: 140px;*/
	/*padding: 4px 10px;*/
	/*margin-bottom: 0px;*/
}

.cache
{
	/* uniques attributs de cette classe */
	visibility: hidden;
	display: none;
}

#calque1
{
	position: absolute;
	top: 33px;
	left: 604px;
	width: 151px;
	height: 50px;
}

#calque2
{
	position: absolute;
	top: 154px;
	left: 604px;
	width: 151px;
	height: 82px;
}

#calque3
{
	position: absolute;
	top: 325px;
	left: 604px;
	width: 151px;
	height: 110px;
}

#calque4
{
	position: absolute;
	top: 255px;
	left: 86px;
	width: 240px;
	height: 84px;
}

#calque5
{
	position: absolute;
	top: 255px;
	left: 340px;
	width: 221px;
	height: 93px;
}

#calque6
{
	position: absolute;
	top: 458px;
	left: 25px;
	width: 150px;
	height: 25px;
}

#calque7
{
	position: absolute;
	top: 492px;
	left: 93px;
	width: 400px;
	height: 10px;
}

#calque8
{
	position: absolute;
	top: 480px;
	left: 183px;
	width: 350px;
	height: 10px;
}

#calque9
{
	position: absolute;
	top: 510px;
	left: 25px;
	width: 300px;
	height: 10px;
}

#calque10
{
	position: absolute;
	top: 455px;
	left: 235px;
	width: 520px;
	height: 20px;
}

#calque11
{
	position: absolute;
	top: 8px;
	left: 25px;
	width: 300px;
	height: 50px;
}

#calque12
{
	position: absolute;
	top: 527px;
	left: 24px;
	width: 50px;
	height: 72px;
}

a.info{
    position:relative;
    font-family: verdana;
    font-size: 12px;
    color: #3C68AF;
    z-index:24;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

a.info:hover{
    font-family: verdana;
    font-size: 12px;
	z-index:25;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

a.info span{
	display: none;
	text-decoration: none;
}

a.info:hover span{ 
	/*le contenu de la balise span ne 
	sera visible que pour l'état a:hover */
    font-family: verdana;
    font-size: 10px;
	display:block;
	position:absolute;
    top:3.5em;
    left:5em;
    width:20em;
    border:1px solid #000000;
    background-color:#FFFFE1;
    color:#000000;
    text-align: justify;
   	text-decoration:none;
    font-weight: normal;
    padding:1px;
    }
</style>