/*
BODY
*/
body, table {
font-family: helvetica, arial, sans-serif; 
font-size: 11px;
}

body {
color: #FFF; 
background-color: #0F0400;
}



/*
GRID
*/

#global {
margin-left: 10px;
margin-right: auto;
width: 900px;
}

#left {
position: relative;
left: 0px;
top: 0px;
width:350px;
height: 90%;
float: left;
}

#body {
position: relative;
width: 500px;
height: 80%;
overflow: auto;
text-align: left;
background-color: #FFF;
padding: 15px 15px 15px 15px;
margin-top: 45px;
margin-bottom: 5px;
float: left;
color: #000; 
}

#footer {
position: relative;
width: 900px;
height: 20px;
text-align: center;
color: #666;
padding: 0 0 0 0;
margin-top: 5px;
font-size: 9px;
clear: both;
}

#contact {
margin-left: 40px;
}



/*
TYPOGRAPHIE
*/

a:link, a:visited {
color:#000000;
text-decoration:underline;
}
a:hover {
color:#000000;
text-decoration:none;
}

a.mail:link, a.mail:visited {
color:#FFF;
text-decoration:underline;
}
a.mail:hover {
color:#FFF;
text-decoration:none;
}


a.highlight:link, a.highlight:visited {
background-color:#FFE891;
text-decoration:none;
}
a.highlight:hover {
color:#000000;
background-color:transparent;
text-decoration:none;
}

a.footer:link, a.footer:visited {
color:#999999;
}
a.footer:hover {
color:#FFFFFF;
}


/*
ARTICLES
*/

.title {
font-weight:bold;
font-size:20pt;
line-height:20pt;
text-transform:none;
letter-spacing:-0.0125em;
}

.title a:link { text-decoration: none; }
.title a:hover { text-decoration: none; color: #33FF00;}
.title a:active { text-decoration: none; color: #FF0000;}
.title a:visited { text-decoration: none; }

.news {
text-align: left;
margin: 5px 0 5px 0;
clear: both;
}


.date {
color: #CCC;
font-size: 9px;
font-weight: normal;
}

.artindex { margin-bottom: 20px; }

.artindex img { margin: 10px 0 10px 0; }

.credits {
color: #999;
font-size: 9px;
background-color: #F1F1F1;
padding: 3px 0 3px 5px;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
margin: 10px 0 20px 0;
}

.credits a:link { color: #666; text-decoration: underline; }
.credits a:hover { color: #333; text-decoration: none; }
.credits a:visited { color: #666; text-decoration: underline; }

hr.grey { 
margin: 0; 
border-bottom:1px solid #CCC; 
border-top: 0;
border-left: 0;
border-right: 0;
color: transparent;
}


.galery {
width: 85px;
height: 85px;
text-align: center;
vertical-align: middle;
float: left;
margin-bottom: 10px;
}

.audiolist {  margin-bottom: 1px; clear: both; }

.audiolist a:link { display: block; line-height: 20px; background-color: #CCFFCC; text-decoration: none; padding-left: 5px; }
.audiolist a:hover { background-color: #F5F5F5; color: #666; }
.audiolist a:active { background-color: #F5F5F5; color: #33FF00; }
.audiolist a:visited { background-color: #CCFFCC;}



/*
PHOTOS
*/

.photoalbum { float: left; margin: 10px; }

.photoalbum a:link, .photoalbum a:visited { font-weight: bold; color: #CCC; text-decoration: none; display: block; }
.photoalbum a:hover { color: #666; }

.gallery { float: left; margin: 5px; }

.photoalbum img, .gallery img { border: 1px #CCC solid; background-color: #FAFAFA; }
.photoalbum img:hover, .gallery img:hover { border: 1px #666 solid; background-color: transparent; }




/*
SPIP
*/

img { border: 0; }

.formulaire_spip label, legend { font-family:helvetica,arial,sans serif; color: #999; }
.formulaire_spip fieldset { border: 0; display: block; }
.formulaire_spip fieldset label { border: 0; display: block; margin: 5px 0 5px 0; }
.formulaire_spip legend { clear: both; display: block; line-height: 20px; }

.forml { width: 350px; }
.spip_bouton { color: #333; }