/* Gınıral */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background-color: #b40406;
text-align: justify;
}
html {
height:100.1%;
}
/* Blocs */
#conteneur {
position: absolute;
width: 770px;
left: 50%;
margin-top: 10px;
margin-left: -385px;
border: black 1px solid;
background-color: #ffffff;
}
#header {
height: 220px;
background-color: black;
background-image: url(images/fond_header2.jpg);
background-position: 10px 10px;
background-repeat: no-repeat;
padding-right: 10px;
}
#centre {
padding: 5px 5px 5px 0;
overflow : hidden; /* Pour gırer le contexte de formatage (clear des float) */
height: 1%; /* hack IE */
}
#menu {
float: left;
width: 130px;
padding: 5px;
}
#pied {
clear: both;
height: 130px;
background-color: black;
margin-bottom: 10px solid #b40406;
padding: 5px;
}
.banniere  {
text-align: center;
margin: 10px 0px 10px 0px;
}
.banhen   {
text-align: center;
padding: 10px;
margin: 10px 0 10px 0;
background-color: #000000;
border: 1px solid #b40406;
font-weight: bold;
color: white;
}
#header .banniere  {
text-align: center;
margin: 10px 0px 0px 290px;
color: white;
font-weight: bold;
}
/* Menu */
ul.niveau1 {
list-style-type: none;
font-size: 120%;
font-weight: bold;
color: #b40406;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
ul.niveau1 li.level1 {
margin: 0 0 40px 0;
}
ul.niveau2 {
list-style-type: none;
font-weight: normal;
margin: 12px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
ul.niveau2 li.level2 a {
display: block;
margin: 0px 0px 12px 0px;
_margin: 0px 0px -5px 0px; /* hack IE */
text-indent: 25px;
background-image: url(images/puce1.jpg);
background-repeat: no-repeat;
background-position: 0px 4px;
}
ul.niveau2 li.level2 a:hover {
background-image: url(images/puce3.jpg);
background-repeat: no-repeat;
background-position: 0px 4px;
}
ul.niveau2 li.level2_none {
margin: 12px 0 12px 0;
_margin: -5px 0px -25px 0px; /* hack IE */
}
#centre ul {
list-style-image: url(images/puce2.gif);
list-style-type: square;
}
/* Images */
img {
margin: 0 10px 0 0;
border: 1px solid black;
}
#menu img {
margin: 0 10px 10px 0;
border: 1px solid black;
}
img.fan {
margin: 0 20px 10px 0;
border: 1px dotted black;
padding: 1px;
float: left;
}
img.doujind1 {
margin: 0 0 20px 0;
border-right: none;
}
img.doujind2 {
margin: 0 0 20px 0;
border-left: none;
}
img.doujind3 {
margin: 0;
border-bottom: none;
}
img.doujind4 {
margin: 0 0 20px 0;
border-top: none;
}
img.banniere  {
margin: 0;
border: 1px solid black;
}
#menu img.sky {
margin: 30px 0px 30px 0px;
border: 1px solid black;
}
#header img.pub  {
margin: 10px 0 0 0;
}
img.gauche {
float: left;
}
img.gauchedeco {
float: left;
border: none;
}
img.droite {
margin: 0 0 0 10px;
float: right;
}
img.droitedeco {
margin: 0 0 0 10px;
float: right;
border: none;
}
img.top {
background-color: white;
border: 1px solid black;
margin: 2px;
float: left;
}
img.votes {
margin: 0;
}
img.deco {
border: none;
margin: 0;
}
img.artbook {
margin: 0 5px 20px 0;
float: left;
}
/* Invalide css 2 */
.opacity img {
opacity: 0.6;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
}
.opacity:hover img {
opacity: 1.0;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
border: 1px solid #376586;  
}
.opacity:hover {
background:#ffffff;
}
/* Texte */
h1 {
font-size: 130%;
font-weight: bold;
margin: 0 0 30px 0;
line-height: 30px;
}
h2 {
font-size: 120%;
font-weight: bold;
margin: 20px 0 20px 0;
line-height: 25px;
}
#header h1 {
font-size: 400%;
font-weight: bold;
color: #cf142b;
margin: 0 0 0 290px;
line-height: 60px;
}
#header h2 {
font-size: 150%;
font-weight: bold;
color: white;
margin: 0 0 0 290px;
line-height: 30px;
}
p {
margin: 0 0 10px 0;
line-height: 18px;
}
p.petit  {
margin: 0;
font-size: 50%;
}
p.footer {
font-size: 100%;
font-weight: bold;
color: #ffffff;
text-align: center;
}
p.pieddepage {
display: none;
visibility: hidden;
}
p.pub  {
font-size: 90%;
line-height: 25px;
margin: 10px 0px 10px 0px;
}
#centre ul li {
margin: 10px 0 0 0;
line-height: 18px;
}
/* Liens */
a:link {
color: black;
text-decoration: underline;
}
a:visited {
color: black;
text-decoration: underline;
}
a:hover {
color: #b40406;
text-decoration: none;
}
a:active {
color: #b40406;
text-decoration: underline;
}
#header a:link, #pied a:link {
color: white;
text-decoration: underline;
}
#header a:visited, #pied a:visited {
color: white;
text-decoration: underline;
}
#header a:hover, #pied a:hover {
color: #b40406;
text-decoration: none;
}
#header a:active, #pied a:active {
color: #b40406;
text-decoration: underline;
}
.banhen a:link {
color: white;
text-decoration: none;
}
.banhen a:visited {
color: white;
text-decoration: none;
}
.banhen a:hover {
color: #b40406;
text-decoration: none;
}
.banhen a:active {
text-decoration: none;
color: #b40406;
}
/* form */
select {
font-family: Verdana;
border: 1px solid #232122;
cursor:pointer;
}

optgroup {
margin: 10px 0 0 0;
color: #b40406;
background: #ffffff;
font-size: 120%;
}
option {
color: #000000;
}

form {
margin: 0 0 10px 0;
padding: 0;
}
input {
display: block;
margin: 10px 0 10px 0;
font-family: Verdana;
font-size: 100%;
background-color: #f7dea0;
color: #2b1602;
border: 2px outset #232122;
font-weight: bold;
cursor:pointer;
}
input:hover {
background-color: #fffcf0;
color: #be1809;
cursor:pointer;
}
input:active {
border: 2px inset #232122;
background-color: #f7dea0;
color: #2b1602;
cursor:pointer;
}
form.cherche {
margin: 10px 0px 0px 10px;
padding: 0;
}
input.cherche {
font-family: Verdana;
font-size: 100%;
background-color: #ffffff;
color: #232122;
border: 1px solid #232122;
font-weight: normal;
cursor:text;
}
input.cherche:hover {
background-color: #ffffff;
color: #232122;
cursor:text;
}
input.cherche:active {
border: 1px solid #232122;
background-color: #ffffff;
color: #232122;
cursor:text;
}
/* Trucs divers */
#fin {
display: none;
visibility: hidden;
}
acronym {
cursor: help;
}
strong {
font-weight: bold;
}
em {
font-style:italic;
}
object  {
margin: 0 0 10px 0;
}
code {
font-family: Courrier;
font-size: 14px;
text-align: left;
}
object.mp3  {
margin: 5px 0 0 0;
}
button  {
margin: 20px 0 20px 0;
} 
/* clear des float */
hr {
display: block;
height: 1px;
padding: 1px;
/* Hack IE */
_margin: -7px 0;
border: 0px;
visibility: hidden;
clear: both;
}
.postit {
z-index: 1;
border: 1px solid #EBEC28;
border-top: 12px solid #EBEC28;
padding: 10px;
background: #FFFF91;
font: normal normal normal 14px "Comic Sans MS", cursive, fantasy;
text-align: left;
width: 200px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}