body {
	background: black url(images/haut.png) repeat-x;
	margin: 0;
	padding: 0;
	height: 100%;
}

a, div, td, font {
	font-family: arial, tahoma;
	font-size: 11px;
	color: #cccccc;
}
img {
	border: 0;
}

a {
	outline: none;
	color: #CCC;
	text-decoration: none;
	font-size: 18px;
}
a:hover {
	color: white;
	text-decoration: none;
}

#jules {
	margin-bottom: 10px;
}


#video {
	position:relative;
	width: 640px;
	height: 380px;
	overflow: visible;
	margin-bottom: 20px;
}
#video object, #video embed {
	position: absolute;
	left: 0;
	top: 0;
}
#pub {
	display:block;
	position:absolute;
	top: 0;
	right: -290px;
	opacity:.4; filter: alpha(opacity=40); -moz-opacity: .4;
}
#mitra {
	display:block;
	position:absolute;
	top: 0;
	left: -290px;
	opacity:.4; filter: alpha(opacity=40); -moz-opacity: .4;
}
#mitra:hover, #pub:hover {
	opacity:1; filter: alpha(opacity=100); -moz-opacity: 1;
}

#image{
	position:absolute;
    left: 50%; 
    top: 50%;
    margin-top: -245px; /* moitié de la hauteur de l'image */
    margin-left: -400px; /* moitié de la largeur de l'image */
}