/* CSS Document */

body {
margin: 0px;
padding: 0px;
background-color: #000000;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
scrollbar-face-color: #999999;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #336699;
scrollbar-darkshadow-color: #336699;
scrollbar-3dlight-color: #336699;
scrollbar-highligh-color: #336699;
scrollbar-shadow-color: #336699;
}
#milieu {
position: relative;
width: 750px;
height: auto;
background-color: #ffffff;
margin: 10px auto 0px auto;
padding: 0px;
border-bottom: 0px;
}
/* Mise en place des deux menus------------------------------------------------ */
#menu {
position: relative;
margin: 0px;
padding: 0px;
width: 750px;
}
#menugauche {
position: absolute;
left: 25px;
top: 0px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#menugauche li {
float: left;
}
/* LISTE DES MENU PAR IMAGE -------------------------------------------------   */
#menugauche li a {
display: block;
width: 100px;
height: 20px;
margin: 0px;
padding: 0px;
text-decoration: none;
text-align: center;
color: #000000;
}
#accueil {
background: url(img/accueil.png) top left no-repeat;
}
a#accueil:hover, a#accueil:focus {
background-position: 0% -20px;
}
#fanzine {
background: url(img/fanzine.png) top left no-repeat;
}
a#fanzine:hover, a#fanzine:focus {
background-position: 0% -20px;
}
#equipe {
background: url(img/equipe.png) top left no-repeat;
}
a#equipe:hover, a#equipe:focus {
background-position: 0% -20px;
}
#boutique {
background: url(img/boutique.png) top left no-repeat;
}
a#boutique:hover, a#boutique:focus {
background-position: 0% -20px;
}
#contact {
background: url(img/contact.png) top left no-repeat;
}
a#contact:hover, a#contact:focus {
background-position: 0% -20px;
}
.invisible {
visibility: hidden;
}
/* Mise en place du mini menu------------------------------------------------ */
#minimenu {
position: absolute;
right: 25px;
top: 0px;
margin: 0px;
padding: 0px;
}
#minimenu a {
margin: 0px;
padding: 0px;
text-decoration: none;
text-align: center;
color: #999999;
}
#minimenu a:hover,#menugauche a:focus {
font-weight: bold;
color: #000000;
text-decoration: underline;
}
#degrader {
height: 50px;
background-image: url(img/spirales.jpg);
margin: 25px 0px 0px 0px;
}
/* Mise en place des colonnes centrales---------------------------------------- */
#contenu {
position: relative;
width: 750px;
height: 880px;
margin: 20px 0px 0px 0px;
padding: 0px;
}
#colgauche {
position: absolute;
top: 30px;
left: 25px;
margin: 0px;
padding: 0px;
width: 230px;
}
#colgauche p {
margin: 0px 0px 15px 0px;
text-align: justify;
}
#recrue{
margin: 0px;
padding: 5px 5px 5px 5px;
background: #cccccc;
border: 1px #333333 dotted;
}
#colgauche h5 {
margin: 15px 0px 0px 0px;
padding: 0px;
text-align: center;
width: 230px;
border-bottom: 1px #cc0000 dotted;
}
#membres {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#membres a {
display: block;
margin: 0px;
padding: 3px 0px 0px 0px;
width: 230px;
height: 20px;
text-decoration: none;
color: #666666;
}
#membres a:hover, #membres a:focus {
background: #cccccc;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
color: #000000;
font-weight: bold;
}
#titredroite {
position: absolute;
top 0px;
right: 10px;
width: 440px;
margin: 0px;
padding: 0px;
text-align: center;
color: #cc0000;
}
#titregauche {
position: absolute;
top: 0px;
left: 25px;
width: 230px;
margin: 0px;
padding: 0px;
text-align: center;
color: #cc0000;
border-bottom: 1px #000000 solid;
}
#coldroite {
position: absolute;
top: 30px;
right: 10px;
width: 440px;
margin: 0px 0px 10px 0px;
padding: 0px;
list-style-type: none;
}
#coldroite li {
float: left;
margin: 0px;
padding: 0px;
}
#coldroite li a {
display: block;
width: 130px;
height: 190px;
margin: 0px 15px 15px 0px;
padding: 0px;
text-decoration: none;
}
.pasvu {
visibility: hidden;
}
#agenor {
background: url(img/agenor.jpg) top left no-repeat;
}
a#agenor:hover, a#agenor:focus {
background-position: 0% -190px;
}
#alain {
background: url(img/alain.jpg) top left no-repeat;
}
a#alain:hover, a#alain:focus {
background-position: 0% -190px;
}
#batou {
background: url(img/batou.jpg) top left no-repeat;
}
a#batou:hover, a#batou:focus {
background-position: 0% -190px;
}
#focs {
background: url(img/focs.jpg) top left no-repeat;
}
a#focs:hover, a#focs:focus {
background-position: 0% -190px;
}
#jazzinou {
background: url(img/jazzinou.jpg) top left no-repeat;
}
a#jazzinou:hover, a#jazzinou:focus {
background-position: 0% -190px;
}
#lilith {
background: url(img/lilith.jpg) top left no-repeat;
}
a#lilith:hover, a#lilith:focus {
background-position: 0% -190px;
}
#lommsek {
background: url(img/lommsek.jpg) top left no-repeat;
}
a#lommsek:hover, a#lommsek:focus {
background-position: 0% -190px;
}
#mlouve {
background: url(img/mlouve.jpg) top left no-repeat;
}
a#mlouve:hover, a#mlouve:focus {
background-position: 0% -190px;
}
#myloos {
background: url(img/myloos.jpg) top left no-repeat;
}
a#myloos:hover, a#myloos:focus {
background-position: 0% -190px;
}
#niko {
background: url(img/nikolazo.jpg) top left no-repeat;
}
a#niko:hover, a#niko:focus {
background-position: 0% -190px;
}
#sebastien {
background: url(img/sebastien.jpg) top left no-repeat;
}
a#sebastien:hover, a#sebastien:focus {
background-position: 0% -190px;
}
#vous {
background: url(img/vous.jpg) top left no-repeat;
}
a#vous:hover, a#vous:focus {
background: url(img/vous.jpg) top left no-repeat;
}
/* mise en place du pied de page ----------------------------------------------- */
#pied {
margin: 15px 0px 0px 0px;
padding: 5px 0px 0px 0px;
width: 750px;
height: 30px;
background-color: #ffffff;
text-align: center; 
border-top: 1px #000000 dotted;
}
#pied a {
text-decoration: none;
color: #999999;
}
#pied a:hover, #pied a:focus {
text-decoration: underline;
color: #000000;
}