/* CSS de Hinata-Onsen */

/*, object, iframe, h4, h5, h6, blockquote, pre, abbr, acronym, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, table,   */
html,body,div,span,h1,h2,h3,p,a,address,img,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,legend,applet,dl,dt,dd{
 margin:0; padding:0;
 border:0; outline:0;
 font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;
 vertical-align:baseline;
}
 
/* penser à défini les style pour les focus */
:focus{
 outline:0;
}

body{
 line-height:0.9em;
 color:#1d1d1d;
 background-color:#403d3d;
 font-family:Verdana,Arial,Helvetica,sans-serif;
}
 
/*ol*/
ul{
 list-style:none;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table{
 border-collapse:separate;
 border-spacing:0;
}

caption,th,td{
 text-align:center;
}
 /*
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/*fin du patron initialisant*/

#header{
 background:url(../img/site/fond.png) no-repeat;
 width:906px; height:284px;
 margin:0 auto;
}

#contenu{
 background:url(../img/site/fond_.png) repeat-y ;
 width:906px;
 margin:0 auto;
 font-size:90%;
 background-color:white;
}

#menu{
 font-size:.9em;
 float:right;
 width:210px;
 margin:1.3em -1em 0 10px;
 padding:16px 15px 0 10px;
}

 #menu_haut{
  background:url(../img/site/menu.png) 0 0 repeat-y;
  height:57px;
 }

 #menu ul{
  background:url(../img/site/menu_.png) repeat-y;
  padding-bottom:1em;
 }

  #menu li{
   text-align:left;
   padding:0 0 0 2em;
  }

  #menu a{
   color:#000000;
   text-decoration:none;
  }

  #menu a:hover{ color:#f34634;}

  #menu input[type="text"],#menu input[type="password"]{
   border:1px solid #cec5ba;
   background:#ebe4e4;
   font-size:.9em;
   font-weight:normal;
   color:#565656;
   width:9em;
   padding:.15em; margin-bottom:.2em;
   text-align:left;
  }

  #menu input[type="image"]{border:0;}

 #menu_bas{
  background:url(../img/site/menu.png) repeat-y 0 -57px ;
  height:73px;
 }

#corps {
  width: 612px;
  float:right;
}

img{
max-width:100%;
}

h1{
 padding:1em 0;
 font-size: 120%; font-weight: bold;
 text-align:center;
 color: #f02b2b;
}

h2{
 font-size:100%;
 color:#1d1d1d;
 text-align:center;
}

.haut{
 font-weight:bold;
 background:url(../img/site/p.png) repeat-y 0 0;
 width:612px;
 min-height:1.5em;
 padding:2em 0 0 4em;
 text-align:left;
}

.blockpost,.postmsg,p{
 background:url(../img/site/p_.png) repeat-y;
 min-height:1.8em; height:auto !important;
 width:auto;
 font-size:.8em;
 color:#1d1d1d;
 margin:0;
 padding: 1em 3em 0 2.4em;
 text-align: justify;
}

.max{
 min-height:140px;
}
.max-inter{
 min-height:70px;
}

.avatar {
 float:left; 
 margin:0 1em 1em 0;
 height:auto !important;
}

.auteur{
 font-size:.75em; font-style:italic;
 color:#1d1d1d; 
 background:url(../img/site/p.png) no-repeat 0 -40px;
 min-height:2em;
 text-align:right;
 padding-right:35px;
 padding-top: 7px;
 padding-bottom: 1.2em;
}

#f_contenu {
 clear:both;
 height:188px;width:906px;
 background:url(../img/site/fond.png) no-repeat 0 -284px;
}

address{
 text-align:center;
 font-size:70%;
 padding-top:140px;
}

address a{
 text-decoration:none;
 color:#FFCC00;
}

address a:hover{
 color:#FF6600;
}


/* pour projet */
#projet p{
 font-size:.8em;
 color:#1d1d1d;
 float:left;
 background-image:none;
 padding:.6em;
 min-width:150px;
}

.p{
 background:url(../img/site/p_.png) repeat-y;
 height:auto;
 width:auto;
 margin:0;
 padding: 1em 3em 0 2.4em;
}
.p p{
 background-image:none;
 height:auto;
 width:auto;
 margin:0;
 padding:0;
}

.p img{
 padding: 0 3em 0 0.2em;
}
/* pour avancement*/

table{
 background:url(../img/site/p_.png) repeat-y;
 width:612px;
}
table th{
  vertical-align:middle;
  width:73px;
}

table td{
 font-size:.8em;
 text-align:center;
}

table td img{
  width:auto;
  height:50px;
  left:0;
}

table form{
  width:0;
  margin:0;
  padding:0;
}

.etat0, .etat1, .etat2{
padding:0 0 0 36.5px;
background-image:url(../img/site/av.png);
background-repeat:repeat-y;
}

.etat0{ background-position:0 -32px; }
.etat1{ background-position:0 -16px; }
.etat2{ background-position:0 0; }

/*pour applet pjirc*/
applet{
 min-height:400px; height:auto !important;
 width:100%;
 color:#1d1d1d;
 margin:0;
 padding: 1em;
 text-align: justify;
}

/*forum
 ceci est un gros merdié par manque de compétence de ma part */
.blocktable h2{
 margin-top:2em;
 background:url(../img/site/barre.gif) repeat-x 0 0;
 width:612px;height:1.4em;
}

.blocktable table{
 width:612px;
 background-image:none;
 background-color:#DDEFF4;
}

.blocktable .box{
 border:0;
}

.blocktable th{
 background-color: #8AAEE3;
 height: 1.4em;
 padding:.4em;
 font-size:.7em;
}

.blocktable td{
  padding:1em .4em;
}

.intd .icon{
background:url(../img/site/news.png) no-repeat 0 -30px;
height:30px;
width:30px;
padding:0;
margin:0;
border:0;
}

.inew .icon{ background-position:0 0; }

.tclcon{
display:block;
padding-left:10px;
}

.tcr{
text-align:right;
vertical-align:bottom;
}

.block{
 font-size:.75em;
}

.petit{
font-size:.75em;
width:auto;
padding: 1.5em 2em 0 2em;
}

.conl li{
 display:inline;
}

.blockpost .box{
 border:none 0px black;
padding:0;margin:0;
}

.blockpost p{
background-image:none;
padding:0;margin:0;
} 

.blockpost .postleft,.blockpost .postright,.postfootright,.postfootleft{
background:#DDEFF4;
border-color:#DDEFF4;
padding:0;margin:0;
}


DIV.postleft, DIV.postfootleft {
 width:140px;
padding:0;margin:0;
}
DIV.postright *, DIV.postfootright *{
 width:100%;
padding:0;margin:0;
}

select{float:none;}

.postmsg p{
 background-image:none;
}
.postmsg .incqbox{
 width:500px;
}

.postmsg .codebox{
 width:500px;  background-color:#DDEFF4;
}

.post_right{
  background-color:#DDEFF4;
  width:100%;
  padding:0;margin:0;
}

.post_right div{
background-image:none;
  width:auto;
  padding:0 0 1em 1em;margin:0;
font-size:130%;
}
.post_right h3{
  margin:0 auto 1em 0;
  text-align:center;
  font-weight: bold;
font-size:110%;
}

.mess_edition li{
  width:auto;
  padding:0;margin:0;
display:inline;
  background-color:#DDEFF4;
}
.mess_edition{
  background-color:#DDEFF4;
  width:auto;
  padding:0;margin:0;
float:right;
}


DIV.blockpost DIV.box, DIV.postright, DIV.postfootright {
BACKGROUND-COLOR: #DDEFF4;
  padding:0;margin:0;
}

DIV.blockpost{
margin-bottom:0;
}

h3 img,.postsignature img{
 max-width:400px;
 height:auto;
}

P.postsignature{
font-size:80%; 
text-align:right;
padding-left:150px;
}

.blockpost dt{
width:120px;
float:left;
}

.pagelink{
 background-image:none;
}

.alerte{color:red}

.icone16 img{
  height:16px;
  width:16px
}

.icone32 img{
  height:32px;
  width:32px
}