/* 

Feuille de styles pour la page de garde de HèmPé 
Version commune pour IE et autres navigateurs 

*/

body {
		behavior:url("http://www.hempe.be/site/theme/csshover.htc");
		background:#000000;		
		font-family:'comic sans ms', arial,tahoma,verdana,helvetica;
		font-size:1em;
		color:#aaaaaa;
		}

.cadre {

margin:100px;
margin-top:30px;
border:3px white groove;
padding:40px;
background:#333333;
background-image:url(http://www.hempe.be/site/theme/bord2.jpg);
background-repeat: repeat-y;		
		}

li	{
	font-size: 100%;
 	list-style-type:none;
 	background-image:url(http://www.hempe.be/site/theme/puce.gif);
	background-repeat:no-repeat;
 	background-position: 0% 65%;
 	padding-left:20px;

	}



hr
	{
	width:25%;
	height:1px;
	color:gray;
	}


	
h1 
	{
	font-size: 2em;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color:#ffffff;
	}



		
a 	
	{
	color:#ffffff;
	font-style: embed;
	text-decoration:none;
	}


a:hover
	{
	color:#ff0000;
		position:relative;
	}

span
	{
	display:none;

	}

		
a:hover span
	{
	margin-left:5px;
	margin-top: 15px;
	position:absolute;
	left:10px;
	top:20px;
	display:block;
	font-family:arial, verdana;
	width:10em;
	border:2px ridge red;
	background:#600000;
	color:white;
	font-weight:bold;
	padding:3px;
	-moz-opacity:0.7; /* Mozilla 1.6 et +  et une partie des navigateurs Gecko */
	opacity: 0.7; /* firefox ... */
	filter:alpha(opacity=70); /* pour IE */
	}



.bouton
	{
	padding:10px;
	border:3px outset white;
	background:url("http://www.hempe.be/site/theme/gris1.jpg");
	color:gray;
	}

.bouton:hover
	{
	border:3px inset white;
	background:url("http://www.hempe.be/site/theme/metal.jpg");
	color:white;
	}