@charset "ISO-8859-1";
/* CSS Document */
<style type="text/css" media="screen">
 
body {
margin: 0;
top: 0;
padding: 0;
background: white;
font: 80% verda arial, sans-serif;
}
dl, dt, dt2, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 118px;
	left: 190px;
	z-index:110;
	width: 590px; /* correction pour Opera */
}
#menu dl {
float: left;
width: 110px;
}
#menu dt {
cursor: pointer;
text-align: center;
font:Arial, Helvetica, sans-serif;
font-size:13px;
color: #CC9999;
font-weight: bold;
background: url(LogAS/lm.jpg);
border: 1px;
border-color:#FFE7CE;
margin: 0px;
height: 20px;
width: 110px;
}
#menu li2 {
cursor: pointer;
text-align: center;
font:Arial, Helvetica, sans-serif;
font-size:13px;
color: #CC9999;
font-weight: bold;
background: url(LogAS/lmb.jpg);
margin: 0px;
height: 10px;
width: 110px;
}

#menu dd {
display: none;
border: 0px;
border-color:#000000;

}
#menu li {
text-align: center;
background-image:url(LogAS/lmli.jpg);

}
#menu dt a {
color: #096477;
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
text-decoration: none;
background: url(LogAS/lm.jpg);
display: block;
height: 20px;
width: 110px;



}
#menu li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
text-align: center;
background-image:url(LogAS/lmli.jpg);
color: #096477;
text-decoration: none;
display: block;
width: 110px;
height: 100%;
border: 0px;
border-color:#000000;
}


#menu li a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
color:  #000099;
text-decoration: none;
text-align: center;
background-image:url(LogAS/lmliX.jpg);
border: 0px;
border-color:#000000;
width: 110px;
height: 100%;
}

#menu dt a:hover {
background: url(LogAS/lmx.jpg);
color: #000099;
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
display: block;
height: 100%;
border: 0px ;
}

#site {
position: absolute;
z-index: 0;
top : 0px;
left : 0px;
color: #FFFFFF;
background-color: #CC0000;
padding: 0px;
border: 0px;
}
ul#navig
{
	top: 0px;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#navig li
{
	top: 0px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}


ul#navig li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	margin-top: 0px;
	line-height: 100px ;
	font-size:1px;
	color: #FFFFFF ;
	text-indent: 110px ; /* On décale le texte de 120px du bord gauche */


	text-decoration: none ;
	background: url(LogAS/logo.gif) no-repeat 0 0        ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: none;
}

ul#navig li a:hover
{
	background: url(LogAS/logo.gif) no-repeat 0 -100px        ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: none ;
}

</style>