@charset "iso-8859-1";
#logo
{
border: #03C 1px solid
}
#corps
{
border: #FF9900 1px solid
}
body
{
   background-image: url("images/fond.jpg");
   background-attachment: fixed;
   width: 760px;
   margin: auto; 
}
#corps {
    color: #ffffff;
	font-family: Arial, Helvetica, Verdana, serif;
	font-size: 14px;
	text-indent: 5px;
    text-align: justify;
	padding: 10px;
	margin-left:10px;
	margin-top:5px;	
}
h1
{
   text-align: center;
   font-family: Arial, Helvetica, Verdana, serif;
   font-size: 16px;
   font-weight= bold;
}
a:active /* Quand le visiteur clique sur le lien */
{
   color: #999999;
}
#corps ul {


}
#menu {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, serif;
	font-size: 14px;
	margin-left:0px;
	margin-top:0px;
	}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#menu li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}	
#menu li a:link {
	color: #FFFFFF;
	display: block;
	padding: 8px 0px 0px 11px;
	text-decoration: none;
	border-bottom:#FF9900 1px solid;
	}
#menu li a:visited {
	color: #999999;
	display: block;
	padding: 8px 0px 0px 11px;
	text-decoration: none;
	border-bottom:#6d6d6d 1px solid;
	}
*html #menu li a:link{
	padding: 8px 0px 7px 11px;
	text-decoration: none;
	border-bottom:#6d6d6d 1px solid;
	height: 24px;
	}
*html #menu li a:visited {
	padding: 8px 0px 7px 11px;
	text-decoration: none;
	border-bottom:#999999 1px solid;
	height: 24px;
	}
	
#menu li a:hover {
	color: #ffffff;
	background-color:#FF9900;
	padding: 8px 0px 0px 11px;
	text-decoration: none;
	border-bottom:#6d6d6d 1px solid;
	}
*html #menu li a:hover {
	padding: 8px 0px 7px 11px;
	text-decoration: none;
	border-bottom:#6d6d6d 1px solid;
	height: 24px;
	}	
#menu li a:active {
	color: #cccccc;
	padding: 8px 0px 0px 11px;
	text-decoration: none;
	border-bottom:#6d6d6d 1px solid;
	}
*html #menu li a:active {
	padding: 8px 0px 7px 11px;
	text-decoration: none;
	border-bottom:#6d6d6d 1px solid;
	height: 24px;
	}
.important 
{
   font-weight: bold;
}
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -100px;
	left: -100px;
	z-index: 1;
}

.hoverbox img
{
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 140px;
	height: 140px;
}

.hoverbox li
{
	color: inherit;
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	width: 300px;
	height: 300px;
}
	height: 300px;
}