body {
margin: 0;
padding: 0;
background-color: #000; /*couleur de fond blanche*/
scrollbar-face-color: #000000;
scrollbar-shadow-color: gray;
scrollbar-highlight-color:gray;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF;
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 1010px;
height: 550px;
margin: 0 auto; 

}

.title {
margin-left:50px;
border:0px;
}

.header {
margin-left:0px;
float:top;
height: 80px;
border:0;
background-image: url(images/header.jpg);
}

img.title { 
border: 0;
float: left;
MARGIN: 5px 30px 5px 30px; } 

.footer {
margin-top:490px;
height: 20px;
background-color: black;
text-align:center;
padding:8px;
font-family: serif, Helvetica ;
color: white;
font-size: 0.7em;
}


.menu {
float:right;
margin-right:0;
z-index:0;
width: 250px;
height: 375px;
background-image: url(images/menu_blanc.gif);
}

.sousmenu {
float:right;
margin-right:250;
width: 250px;
height: 475px;
background-color:black;
}

.random
{
position:absolute;
top:400px;
left:75%;
width: 250px;
height: 100px;
background-color:transparent;
text-align:center;
}

.comete
{
position:absolute;
top:520px;
width: 250px;
height: 20px;
background-color:transparent;
}

.frame {
float:left;
width: 480px;
height: 475px;
background-color:black;
overflow: auto;
}

p {
margin: 5px 20px 40px 20px;
font-family: "Trebuchet MS", "Times New Roman";
color: white;
text-align:justify;
font-size: 0.7em;
font-weight:bold  ;
}

p.galerie {
margin: 0px 0px 0px 0px;
text-align:center;
font-family: "Trebuchet MS", "Times New Roman";
color: white;
font-size: 0.7em;
font-weight:bold;
}

p.rand {
margin: 0px 0px 10px 0px;
text-align:center;
font-family: "Trebuchet MS", "Times New Roman";
color: grey;
font-size: 0.7em;
font-weight:bold;
}

p.liens{
margin: 5px 30px 5px 30px;
font-family: "Trebuchet MS", "Times New Roman";
color: white;
font-size: 0.7em;
font-weight:bold  ;
}


a.link{ color: gray; text-decoration: none;} 
a.link:visited { color: gray; text-decoration: none;} 
a.link:hover { color: black; text-decoration: none; background-color: white; } 
a.link:active { color: black; text-decoration: none; background-color: gray; } 

span.link {
font-family:sans-serif;
color:white;
font-style:italic;
text-align:left;
font-weight:normal;
font-size:1.1em;
}

h1 {
margin: 1px 0px 1px 40px;
font-family: "Trebuchet MS", "Times New Roman";
color: white;
font-size: 0.8em;
text-align: left;
text-decoration:underline;
font-weight:bold;
}

h2 {
margin: 1px 15px 1px 5px;
font-family: "Trebuchet MS", "Times New Roman";
color: gray;
font-size: 0.7em;
text-align: right;
font-style:italic;

}

hr{
margin: 5px 30px 5px 30px;
color: gray;
size: 2px;
}



img.mini { 
border-bottom: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
float: left;
MARGIN: 0px 5px 5px 5px; } 

.imglien{ 
border:0px;
text-decoration: none; 
background-color: black; } 

input.bouton {
border:2px outset gray;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
border:2px outset white;
background-color:white;
color:gray;
}
input.bouton:active {
border:2px inset black;
background-color:gray;
color:white;
} 



input.zone {
border-right: 2px inset white;
border-left:2px ouset gray;
border-bottom:2px inset white;
border-top: 2px outset gray;
background-color:black;
font-family:"trebuchet ms",sans-serif;
color:white;
}


a.detail {
  float:left;
  margin:1px;
}
a.detail:hover {
	position: relative;
}
a.detail span {display: none; }

a.detail:hover span {
   display: inline;
   left:150px;
  
   padding: 0px;
  
}