body,h1,h2,h3,ul,li,div,form,a,p{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#body{
	position:absolute;
    position:absolute;
    top:50%;
	height:650px;
    margin-top:-325px;
    left:50%;
	width:950px;
    margin-left:-475px;
}

body{
	background-color: #888;
	font-family: Calibri, Georgia;
}

h1{
	color: #BBB;
	background-color: rgb(0,112,192);
	padding: 15px 0px 15px 0px;
	margin: 0px;
	text-align:center;
	font-size:1.50em;
}
#logo{
	float:left;
	left:5px;
	top:-10px;
	position:relative;
}

.sel{
	background:#BBB;
}
h2{
	margin: 0px; 
}
h3{
	margin: 0px; 
}
img{
	border:none 0px;
}
a{
	color: rgb(0,112,192);
	text-decoration:none;
}

a:hover {
	color: #888;
}
a:active {
	color: red;
}
hr{
	width:0px;
	height:0px;
}
#menu{
	border: #eee 2px solid;
	background-color: #dddddd;
	margin:0px;
	padding:5px;
	font-size:1em;
}

ul#menu>li{
	text-decoration:none;
	padding: 0px 10px 0px 10px;
	display:inline;
	font-weight:bold;
}

div#dir>ul{
	padding-top:20px;
	padding-left:30px;
}

div#dir>ul>li{
	left:0px;
	width:90px;
	clear: both;
	font-size:.9em;
}
#contenu {
	background-color: #eee;
	height:560px;
}
#cont_photos{
	margin-top:10px;
	width:800px;
	height:540px;
	overflow: auto;
	float:left;
}
#dir{
	width:145px;
	height:500px;
	float:left;
}
.divphoto{
	margin-top:10px;
	overflow:hidden;
	width:110px;
	height:75px;
	float:left;
}

.video{
	position:relative;
	left:3px;
	top:-78px;
	margin:0px;
	padding:0px;
}

#cont_photos a{
	width:110px;
	padding:3px;
	cursor:url(/zoom.cur), url(/zoom2.cur), pointer;
}

.clb {
	clear: both;
}

label{
	display:block;
	float:left;
	width:200px;
	font-size:.75em;
	text-align:right;
}

.center{
	text-align:center;
	max-width:780px;
	max-height:450px;
	width:expression(document.body.clientWidth > 780 ? "780px": "auto" );
	cursor:url(/zoom.cur), url(/zoom2.cur), pointer;
}