/* General
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body { background: #ffffff; font: 11px/16px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color: #515151; margin: 0; padding: 0; align: center; }
p {
	margin-bottom: 0;
}

img { border: none; }

/* Links
----------------------------------------------- */

a:link {color: #777777; text-decoration: none; font-weight: bold;}
	a:visited {color: #777777; text-decoration: none; font-weight: bold;}
	a:hover {color: #444444; text-decoration: none; font-weight: bold;}

div#navigation a:link, div#navigation a:visited { font: 11px/14px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color: #f5f5f5; text-decoration: none; border: none; font-weight: bold; }
div#navigation a:hover { color:#E2DFB8; border: none; font-weight: bold; }

div#bottom a:link, div#bottom a:visited { font: 11px/14px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color: #811A15; text-decoration: underline;}
div#bottom a:hover { font: 11px/14px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color:#B6332C; text-decoration: underline;}

.legende {font: 10px/14px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; font-weight: normal;}
.legende a:link, .legende a:visited {font: 10px/14px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color: #888888; text-decoration: none; font-weight: normal;}
.legende a:hover {font: 10px/14px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color: #222222; text-decoration: none; font-weight: normal;}

div#legende_ob a:link, div#legende_ob a:visited {font: 11px/15px Arial, sans-serif; color: #777777; text-decoration: none; font-weight: normal;}
div#legende_ob a:hover {font: 11px/15px Arial, sans-serif; color: #444444; text-decoration: none; font-weight: normal;}

div#fotos a:link, div#fotos a:visited {font: 10px/14px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color: #777777; text-decoration: none; font-weight: normal;}
div#fotos a:hover {font: 10px/14px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color: #444444; text-decoration: none; font-weight: normal;}

/* titres
----------------------------------------------- */

h1 {
	font: 16px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif;
	color: #4D6B87;
	text-align: left;
	margin: 5px 0;
}
h2 {
	font: 13px verdana;
	color: #2f2f2f;
	padding: 0;
	margin: 0;
}
h3 {
	font: 13px verdana;
	color: #000;
	padding: 10px 0;
	margin: 0;
}
h4 {
	font: 11px/16px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; color: #515151; font-weight: bold;
}


/* Layout
----------------------------------------------- */
div#container { position: relative; background-color: #FFFFFF; text-align: center; }

div#middle { position: relative; background-color: #FFFFFF; BORDER: #999999 1px solid; margin: 30px auto 0 auto; text-align: left; width: 790px; height: 468px; }

.left {
	width: 250px;
	position: relative;
	top: 15px;
	left: 15px;
}
.left_img {
	width: 230px;
	position: relative;
	top: 15px;
	left: 15px;
}
.left_photo {
	width: 250px;
	height: 160px;
	position: absolute;
	top: 223px;
}
.left_retour {
	width: 230px;
	height: 20px;
	position: absolute;
	top: 380px;
}
.right {
	width: 495px;
	position: absolute;
	top: 15px;
	left: 280px;
	background-color: #ffffff;
}
.right_index {
	width: 495px;
	position: absolute;
	top: 5px;
	left: 280px;
	background-color: #ffffff;
}
.right_img {
	text-align: right;
	width: 515px;
	position: absolute;
	top: 15px;
	left: 260px;
	background-color: #ffffff;
}
.tab1 {
	text-align: left;
	width: 155px;
	position: absolute;
	background-color: #ffffff;
	padding-top: 3px;
}
.tab2 {
	text-align: left;
	width: 155px;
	position: absolute;
	left: 170px;
	background-color: #ffffff;
	padding-top: 3px;
}
.tab3 {
	text-align: left;
	width: 155px;
	position: absolute;
	left: 340px;
	background-color: #ffffff;
	padding-top: 3px;
}
div#ind0 {
	text-align: left;
	width: 344px;
	position: absolute;
	left: 34px;
	top: 35px;
	background: url(img/logo_big.gif) no-repeat;
	background-color: #ffffff;
	padding-top: 65px;
}
.ind1 {
	text-align: left;
	width: 155px;
	position: absolute;
	top: 250px;
	background-color: #ffffff;
}
.ind2 {
	text-align: left;
	width: 155px;
	position: absolute;
	top: 250px;
	left: 189px;
	background-color: #ffffff;
}
.ind3 {
	text-align: left;
	width: 155px;
	position: absolute;
	top: 0px;
	left: 412px;
	background-color: #ffffff;
}
.ind4 {
	text-align: left;
	width: 155px;
	position: absolute;
	top: 0px;
	left: 601px;
	background-color: #ffffff;
}

.credits {
	text-align: left;
	width: 300px;
	position: absolute;
	top: 180px;
	left: 450px;
	background-color: #ffffff;
}

.menu {
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top: 410px;
	padding-top: 1px;
	padding-right: 10px;
	background-color: #A19C5F;
	width: 780px;
	height: 18px;
}

.menu_logo {
	text-align: left;	
	position: absolute;
	top: 428px;
	padding-top: 3px;		
	background-color: #C5C190;
	width: 790px;
	height: 37px;
}
.main {
	background-color: #ffffff;
	z-index: 10;
	position: relative;
	line-height: 17px;
	text-align: left;
	width: 730px;
	padding-top:5px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:5px;
}
.photos {
	position: relative;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 100px;
	background-color: #D2D79B;
}
.bottom {
	font: 11px/16px 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; 
	color: #515151;
	padding-top: 0px;
}