* {
     margin : 0;
     padding : 0;
     border : 0;
}
html {
    height:100%;
}
body {
     height:100%;
     color : #000000;
     font-size: 10px;
     font-family : Verdana, Tahoma, Helvetica, Sans-Serif;
     background-color : #e0e0e0;
}
.spacer { 
     border-bottom : 1px dashed #b8b8b8;
     margin : 0px 10px;
     clear : both;
}
input, textarea {
    border-bottom:1px solid #b8b8b8;
    border-right:1px solid #b8b8b8;
    border-left:2px solid #b8b8b8;
    border-top:2px solid #b8b8b8;
    color : #000000;
    font-size: 10px;
    font-family : Verdana, Tahoma, Helvetica, Sans-Serif;
    background-color : #ffffff;
    width:326px;
}
input {
    height:16px;
}
#inputSubmit {
    color : #000000;
    font-size: 10px;
    font-family : Verdana, Tahoma, Helvetica, Sans-Serif;
    font-weight : bold;
    background-color : #e6e6e6;
    height :20px;
    width : 60px;
    padding:0;
    border-bottom:2px solid #b8b8b8;
    border-right:2px solid #b8b8b8;
    border-left:1px solid #b8b8b8;
    border-top:1px solid #b8b8b8;
}
h1 {
     font-size : 10px;
     font-weight : bold;
     margin : 10px 10px 2px;
}
h2 {
     background : #efefef;
     color : #b8b8b8;
     font-size : 9px;
     font-weight : normal;
     font-style : italic;
     margin : 2px 10px;
}
#background {
     width : 800px;
     height : 577px;
     margin-left : auto;
     margin-right : auto;
     margin-top : 0;
     margin-bottom : 0;
     padding-top : 21px;
     background : url(../images/orochi.jpg) no-repeat;
}
#repeat {
     width : 800px;
     height: 100%;
     margin-left : auto;
     margin-right : auto;
     background : url(../images/repeat.jpg) repeat-y;
}
#left {
    float:left;
    width : 393px;
}
#right {
    float:left;
}
#w3c {
    margin-left:60px;
}
#entete {
     height : 30px;
     width : 350px;
     border : 1px solid black;
}
#menu {
     height : 100%;
     width : 100%;
     background : url(../images/menu.jpg) right no-repeat;
}
#menu li {
     height : 100%;
     display : inline;
}
#menu a {
     padding : 9px 6px;
     float : left;
     color : #000000;
     background:none;
     text-decoration : none;
     font-weight : bold;
}
#menu a:hover {
     color : #ffffff;
     background : #b8b8b8;
}
#data {
     height : 462px;
     width : 350px;
     border-left : 1px solid black;
     border-right : 1px solid black;
     background : #efefef url(../images/degrade.jpg) repeat-x;
     color : #000000;
     overflow : auto;
}
#data p {
    margin:10px;
}
#data a {
    color : #b8b8b8;
    text-decoration: underline;      
}
#data a:hover {
    color : #b8b8b8;
    text-decoration: none;   
}
#copyright {
     height : 20px;
     width : 350px;
     border : 1px solid black;
     text-align:right;
     background : #e6e6e6;
     color : #000000;
     font-size : 9px;
     font-style : italic;
}
#copyright p {
  margin-top:8px;
}
#commentaires {
  width:350px;
  height:450px;
  overflow:auto;
  background:#b8b8b8;
}
#commentaires p {
  margin:10px;
}
#commentaires a {
  color:#efefef;
  text-decoration: underline;
}
#commentaires a:hover {
  color:#efefef;
  text-decoration: none;
}
#erreur {
  border:2px solid #e80000;
  margin:0px 10px;
}
#erreur p {
  color:#e80000;
  margin:5px;
}