body {
background:url('../images/fond_1.jpg') no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#aac1aa;
}

a {
color:#fff;
text-decoration:none;
}

a:hover {
color:#bd6628;
}

#main-container {
width:960px;
height:560px;
position:absolute; 
left:50%;  
top:50%;
margin-top:-240px;
margin-left:-480px;
}

#sub-container {
background:#111;
border:1px solid #000;
}

h1 {
text-align:right;
font-size:1.2em;
color:#bd7731;
}

h2 {
font-size:1.1em;
color:#bd6628;
padding:2px 4px;
}

#left {
float:left;
height:430px;
width:652px;
}

#right {
float:right;
width:296px;
height:430px;
padding:0 4px;
}

#content {
width:98%;
overflow:auto;
height:380px;
padding:4px;
}

#menu {
background:#000 url('../images/logo.jpg') no-repeat right center;
font-size:1em;
height:30px;
line-height:30px;
}

#menu ul {
float:left;
padding:0;
margin:0;
width:100%;
}

#menu li{
float:left;
padding:0 12px 0 6px;
list-style:none;
position:relative;
}

#menu span{
position:absolute;
right:0;
color:#fff;
}

#menu li a {
color:#fff;
text-decoration:none;
float:left;
}

#menu li a:hover {
color:#bd6628;
}

#menu li.hover {
background-color:#00c1eb;
}

#menu li.hover a {
color:#00c1eb;
}

#menu ul li.active a {
color:#c00317;
}

* html #menu li {
display:inline; /* ie6 double float margin bug */
}

div.sep {
clear:both;
height:2px;
line-height:2px;
margin:5px 0;
background:#403f3b;
}

#footer {
text-align:right;
clear:both;
font-size:.9em;
}

/*********** Formulaire contact ****************/
#formulaire_contact {
width:80%;
margin:0 auto;
}

#formulaire_contact span, .formulaire_guestbook span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
position:absolute;
left:26%;
top:4px;
}

.formulaire_spip fieldset {
border:1px solid #ccc;
}

.formulaire_spip legend {
color:#aaa;
padding:0 8px 0 8px;
}

.formulaire_spip ul {
list-style:none;
margin:0;
padding:0;
}

.formulaire_spip li {
padding-top:18px;
color:#ddd;
text-align:left;
position:relative;
}

.formulaire_spip label {
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:25%;
text-align: right;
margin:0;
padding:0 8px 0 0;
line-height:20px;
cursor:pointer;
font-size:10px;
}

.formulaire_spip strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}

.boutons input {
width:auto;
font-size:10px;
font-weight:bold;
}

.erreur_message {
color:red;
}
/*************** Fin formulaire contact ***********/

h2 {
color:#f6e3b9;
}

#formulaire_guestbook {
}

#formulaire_guestbook legend {
color:#fa8714;
}

#formulaire_guestbook p {
margin:8px;
}

#formulaire_guestbook .erreur_message {
display:inline;
position:absolute;
right:20%;
margin:0;
}

#formulaire_guestbook ul {
list-style:none;
}

#formulaire_guestbook li {
position:relative;
line-height:20px;
}

#formulaire_guestbook textarea,
#formulaire_guestbook input,
#formulaire_guestbook select {
font-size:.9em;
}

#formulaire_guestbook label {
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:25%;
text-align: right;
margin:0;
padding:0 8px 0 0;
cursor:pointer;
font-size:.9em;
}

#container-player {
position:relative;
height:100%;
}

#player {
width:240px;
height:200px;
position:absolute;
left:30%;
top:20%;
}