@charset "utf-8";

/* CSS Document */

*
{
	font-size:12px;
	font-family:Calibri, "Century Gothic";
}

* {
    scrollbar-face-color: #574623;
    scrollbar-shadow-color: #3d2e0b;
    scrollbar-highlight-color: #d7c097;
    scrollbar-3dlight-color: #fff;;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #3b3427;
    scrollbar-arrow-color: #b8a37b;

}
html, body {
  padding: 0;
  margin: 0;
  height: 100%;
}

body
{
	background-color:#000000;
	color:#b8a37b;
}

#boite
{
	background-image:url(/pro/photoxyde/pics/bg.jpg);
	background-repeat:no-repeat;
	background-position: center center;
    
	width:1024px;
	height:680px;
	border:1px solid #999;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-340px;
	margin-left:-512px;
}

#titre
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-340px;
	margin-left:-512px;
	width:512px;
	height:40px;
	text-align:left;
	font-size:26px;
	font-weight:900;
}

#navigation
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-320px;
	margin-left:-10px;
	width:512px;
	height:40px;
	text-align:right;
}

#navigation a,
#navigation span
{
	color:#b8a37b;
	font-variant:small-caps;
	text-decoration:none;
	cursor:pointer;
}

#navigation a:hover,
#navigation span:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

#contenu
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-512px;
	width:1024px;
	height:640px;
	text-align:left;
	overflow:auto;
}

#contenu a,
#contenu span { color:#b8a37b; }

.vignette,
.vignette50,
.icone
{
	border:1px solid #b8a37b;
	margin:2px;
}

.vignette50
{
	opacity:.30;
	filter:alpha(opacity=30);
}

.vignette50:hover
{
	opacity:1;
	filter:alpha(opacity=100);
}

.infobulle
{
	position: absolute;
	visibility : hidden;
	border: 1px solid white;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #b8a37b;
	color:#FFFFFF;
	opacity:.80;
	filter:alpha(opacity=80);
}

.contenu { }

#slide
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-487px;
	margin-top:-250px;
	height:540px;
	width:974px;
	border:1px solid #b8a37b;
	overflow:auto;
	background-color:#000;
}

.sombre { background-image:url(/pro/photoxyde/pics/000000_80pct.png); }

input[type=submit],
input[type=button]
{
	background-color:#b8a37b;
	border:1px solid white;
	color:white;
}

input[type=text],
input[type=password],
textarea
{
	background-color:#000;
	border:1px solid #b8a37b;
	color:#b8a37b;
}

#musique
{
	position:absolute;

	bottom:10px;
	left:10px;
	border:none;
}

#Jepose {
height:20px;
/*top:50%;*/
right:10px;
bottom:10px;
position:absolute;
margin:0;
/*margin-top:+364px;*/
padding:0;
}
#Jepose a {
text-decoration:none;
color:#777;
}

/*
#contenu table { border:1px solid green; }
#contenu table td { border:1px solid yellow; }
*/