body {
margin: auto;
background-color: #000000;
background-image: url("images/fondetoiles.gif");
color: #b5b4b4;
font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;
width: 100%;
}

a {
color: #921403;
font-weight: bold;
text-decoration: none;
}

a:hover{
color: #b5b4b4;
font-weight: bold;
text-decoration: none;
}


a:visited{
color: #555554;
font-weight: bold;
text-decoration: none;
}

img {
border: none;
}

h2 {
color: #b60404;
}

h3 {
color: #b60404;
}

#header {
margin-top: 20px;
}


#bangauche {
background-image: url("images/banmoi.gif");
background-repeat: no-repeat;
width: 347px;
height: 213px;
position: absolute;
right: 0px;
top: 20px;

}

.galban {
position: relative;
top: 40px;
right: 150px;
}

/* Début du Menu*/

#menuderoul {
width: 250px;
margin-left: -40px;
position: relative;
top: 70px;
float: left;
}

#menu li ul /* Sous-listes cachées */
{ 
        position: absolute;
        width: 144px;
        left: -999em; /* Hors  du champ de vision */
}

#menu li:hover ul, #menu li.sfhover ul/*Apparition des sous-listes*/
{
position: relative;
left: 150px;
top: -100px;
min-height: 0; /* Corrige un bug sous IE */
z-index: 20;
list-style-type: none;
}

.fmenu {
background-image: url("images/boutonok1.gif");
background-repeat: no-repeat;
height: 73px;
list-style-type: none;
display: block;
}

.fmenu:hover {
background-image: url("images/boutonokh1.gif");
background-repeat: no-repeat;
}


.accueil {
background-image: url("images/accueil2.png");
background-repeat: no-repeat;
position: relative;
bottom: 20px;
left: 60px;
width: 150px;
height: 70px;
display: block;
}

.flashs {
background-image: url("images/flashs1.png");
background-repeat: no-repeat;
position: relative;
bottom: 20px;
left: 30px;
width: 150px;
height: 70px;
display: block;
}

.tattoos {
background-image: url("images/tattoos1.png");
background-repeat: no-repeat;
position: relative;
bottom: 20px;
left: 60px;
width: 150px;
height: 70px;
display: block;
}

.liens {
background-image: url("images/liens1.png");
background-repeat: no-repeat;
position: relative;
bottom: 20px;
left: 30px;
width: 150px;
height: 70px;
display: block;
}

.accueil:hover {
background-image: url("images/accueil2h.png");
background-repeat: no-repeat;
}

.flashs:hover {
background-image: url("images/flashs1h.png");
background-repeat: no-repeat;
}

.tattoos:hover {
background-image: url("images/tattoos1h.png");
background-repeat: no-repeat;
}

.liens:hover {
background-image: url("images/liens1h.png");
background-repeat: no-repeat;
}

.hautsmenu {
background-image: url("images/hautsmenuok.gif");
background-repeat: no-repeat;
width: 150px;
height: 18px;
position: relative;
top: 4px;
}

.bassmenu {
background-image: url("images/bassmenuok.gif");
background-repeat: no-repeat;
width: 150px;
height: 18px;
}

.milieusmenu {
background-image: url("images/milieusmenuok.gif");
background-repeat: no-repeat;
width: 150px;
text-align: center;
border:none
}

/*Fin du menu*/

#page {
margin-left: 250px;
margin-right: 50px;
}
#pagecontact {
margin-left: 250px;
margin-right: 50px;
text-align: center;
}

#pagegal {
margin: auto;
width: 600px;
height: 500px;
}


#footer {
text-align: center;
margin-top: 150px;
margin-left: 20px;
margin-right: 320px;
font-size: 10px;
}

.acont {
color: #ef9e03;
font-weight: bold;
text-decoration: none;
}

.acont:hover {
color: #921403;
font-weight: bold;
text-decoration: none;
}

.copyright {
width : 280px;
font-size: 10px;
position: relative;
bottom: 100px;
}

#contact {
background-image: url("images/contact1.gif");
background-repeat: no-repeat;
width: 298px;
height: 113px;
position: absolute;
right: 0px;
margin-top: 50px;
}

#contact:hover {
background-image: url("images/contact1h.gif");
background-repeat: no-repeat;
}


.contact1 {
width: 298px;
height: 113px;
}


/*Début de la galerie*/

#thumbs {
overflow:auto; 
list-style:none; 
margin:30px; 
padding:0;
width: 250px;
} 

#thumbs li {
float:left;
} 

#thumbs a {
display:block;  
outline:none;
margin: 5px;
} 

#thumbs a:hover, #thumbs a:focus {

} 

#thumbs a.active {

} 

#viewer {
width: 500px;
position: absolute; 
left: 50%; 
top: 30%;
} 

#viewer img[src*="loader"] {
position:absolute; 
left:50%; 
top:50%; 
margin:-15px 0 0 -15px;
}

/*fin de la galerie*/

.imgtexte {
text-align: center;
}

.floatright {
float: right;
}

.floatleft {
float: left;
margin-right: 10px;
}

.textimp {
color: #ef9e03;
font-weight: bold;
}

.merci {
font-size: 25px;
color: #b60404;
}

.lienimage {
position : relative;
top: 6px;
}