/* 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;
}
/* 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: 450px;
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 {
background-color: #ececef;
padding: 5px 5px 5px 5px;
}
#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 a img {
border: 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;
background-color: #cccccc;
}
#coldroite li a:hover, #coldroite li a:focus {
background-color: #333333;
}
/* mise en place du pied de page ----------------------------------------------- */
#pied {
position: relative;
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;
}