/* 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: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highligh-color: #000000;
scrollbar-shadow-color: #000000;
}
#milieu {
position: relative;
width: 750px;
height: auto;
background: #ffffff;
margin: 10px auto 0px auto;
padding: 0px;
border-bottom: 0px;
}
#haut {
position: absolute;
top: 0px;
background: #ffffff;
}
/* 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 {
width: 750px;
height: 50px;
background-image: url(img/spirales.jpg);
margin: 25px 0px 0px 0px;
}
/* Mise en place des colonnes centrales---------------------------------------- */
#lesauteurs {
margin: 10px 0px 0px 55px;
padding: 0px;
list-style-type: none;
}
#lesauteurs img {
border: 0px;
}
#lesauteurs li {
float: left;
margin: 0px;
padding: 0px;
}
#lesauteurs li a {
display: block;
width: 49px;
height: 70px;
margin: 0px 10px 0px 0px;
padding: 0px;
border: 1px #cccccc dotted;
}
#lesauteurs li a:hover, lesauteurs li a:focus {
background-color: #333333;
border: 1px #000000 solid;
}
#contenu {
position: absolute;
top: 260px;
width: 750px;
height: 600px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: #ffffff;
}
#colgauche {
position: absolute;
top: 15px;
left: 25px;
margin: 0px;
padding: 0px;
width: 230px;
background: #ececef;
text-align: center;
}
#colgauche p {
margin: 0px 0px 15px 0px;
text-align: justify;
}
#colgauche ul{
margin: 0px auto 10px auto;
padding: 0px;
list-style-type: none;
width: 200px;
background: #ffffff;
color: #333333;
font-style: italic;
}
.soustitres {
margin: 10px 0px 5px 0px;
padding: 0px;
width: 230px;
border-bottom: 1px #cc0000 dotted;
text-align: center;
}
#participations {
margin: 0px;
padding: 0px;
color: #cc0000;
}
.revue {
margin: 5px auto 0px auto;
padding: 2px 0px 2px 0px;
width: 200px;
border-bottom: 1px #ececef dotted;
text-align: center;
background: #ffffff;
}
#presentation {
position: absolute;
top: 15px;
right: 35px;
width: 425px;
margin: 0px;
padding: 0px;
text-align: justify;
}
.textepresentation {
text-indent: 10px;
height: 85px;
overflow: auto;
margin: 10px 0px 0px 0px;
padding: 0px 5px 0px 0px;
}
.parag {
margin: 0px 0px 10px 0px;
padding: 0px 5px 0px 0px; 
}
#auteurs a {
color : #666666;
font-weight: bold;
text-decoration: none;
}
#auteurs a:hover, #auteurs a:focus {
color : #000000;
font-weight: bold;
text-decoration: underline;
}
#auteur {
width: 440px;
margin: 0px;
padding: 0px;
text-align: center;
color: #cc0000;
border-bottom: 1px #000000 solid;
}
#blog {
width: 440px;
margin: 0px 0px 10px 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#blog li {
margin: 0px;
padding: 0px;
}
#blog li a {
display: block;
height: 20px;
margin: 0px;
padding: 5px 0px 0px 0px;
background-color: #ececef;
text-decoration: none;
color: #666666;
}
#blog li a:hover, #blog li a:focus {
background-color: #666666;
color: #ffffff;
font-weight: bold;
}
#extraits {
width: 440px;
margin: 0px 0px 10px 0px;
padding: 0px;
list-style-type: none;
}
#extraits img {
border: none;
}
#extraits li {
float: left;
margin: 0px;
padding: 0px;
}
#extraits li a {
display: block;
width: 70px;
height: 100px;
margin: 0px 15px 15px 0px;
padding: 0px;
background-color: #ffffff;
text-decoration: none;
}
#extraitsperso {
width: 440px;
margin: 0px 0px 10px 0px;
padding: 0px;
list-style-type: none;
}
#extraitsperso img {
border: none;
}
#extraitsperso li {
float: left;
margin: 0px;
padding: 0px;
}
#extraitsperso li a {
display: block;
width: 70px;
height: 100px;
margin: 0px 15px 15px 0px;
padding: 0px;
background-color: #ffffff;
text-decoration: none;
}
#scenarios {
width: 440px;
margin: 0px 0px 10px 0px;
padding: 0px;
text-align: center;
list-style-type: none;
background: #ececef;
}
#scenarios li {
margin: 5px 0px 0px 0px;
padding: 0px;
}
#lienblog {
width: 440px;
margin: 10px 0px 10px 0px;
padding: 0px;
width: 440px;
color: #333333;
border-bottom: 1px #cc0000 dotted;
text-align: center;
}
.perso {
width: 440px;
margin: 15px 0px 10px 0px;
padding: 5px 0px 0px 0px;
text-align: center;
}
/* mise en place du pied de page ----------------------------------------------- */
#pied {
position: absolute;
top: 810px;
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;
}