body {
  margin : 0px;
  margin-top : 10px;
  padding : 0px;
  font-family : helvetica;
  font-size : 12px;
  color : #000000;
  background : #CCCCCC url('../interface/trame.gif');
  text-align:center;
}

form {
  pading : 0px;
  margin : 0px;
}

#site {
  width : 781px;
  margin : auto;
  text-align:left;
}

#d1 {
  height : 112px;
  background : url('../interface/bg_1.jpg');  
}

#d2 {
  height : 318px;
  background : url('../interface/bg_2.jpg'); 
  position : relative; 
}

#d3 {
  height : 163px;
  background : url('../interface/bg_3.jpg');
  position : relative;  
}

#d4 {
  height : 47px;
  background : url('../interface/bg_4.jpg'); 
  font-size : 13px;
  color : #FFFFFF;
  font-weight : bold;
  text-align : center; 
  padding-top : 12px;
  //height : 57px;
}

#page {
  position : absolute;
  top : 6px;
  left : 18px;
  width : 339px;
  height : 306px;
  overflow : auto;
}
#infos {
  position : absolute;
  top : 50px;
  right : 18px;
  width : 152px;
  height : 81px;
  overflow : auto;
  font-size : 14px;
  color : #6E6000;
}

#navigation {
  position : absolute;
  top : 175px;
  right : 18px;
  width : 152px;
  font-size : 12px;
  color : #6E6000;
  
}
#shout {
  position : absolute;
  top : 9px;
  left : 22px;
  width : 422px;
  font-size : 12px;
  color : #6E6000;
  background : #b6e6eb;
  padding : 2px;
  border: 1px #FFFFFF solid;
}
#lasts {
  position : absolute;
  top : 9px;
  right : 22px;
  width : 297px;
  //width : 307px;
  font-size : 12px;
  color : #666666;
  background : #f4e1f6;
  padding : 2px;
  border: 1px #FFFFFF solid;
}
#shoutbox {
  width:400px;
  height:87px;
  //height : 82px;
}

p {
  margin : 0px;
  padding:0px;
}

p.p_centre {
  text-align:center;
}

.input_login {
  font-size : 12px;
  width : 150px;
  border:0px;
  border-left:3px solid #6ECCE9;
}
.input_shout {
  font-size : 12px;
  border:0px;
  border-left:3px solid #6ECCE9;
}
.submit_shout {
  font-size : 12px;
}
div.zone {
  background:#E6E6E6 url('../interface/border.gif') repeat-y; 
  padding-left:18px;
}

div {
  margin:0px;
  padding : 0px;
}

.erreur {
 margin-left : 20px;
 margin-right : 20px;
 padding : 5px;
 color : #FF0000;
 background: #F8F8E6;
}

a.lien1 {
  color : #186571;
}

a.lien1:hover {
  color : #002329;
  text-decoration : none;
}

a.lien2 {
  color : #186571;
  text-decoration : none;
}

a.lien3:hover {
  color : #002329;
}
a.lien3 {
  color : #8f4796;
  text-decoration : none;
}

a.lien3:hover {
  color : #560d5d;
}
a.navig {
  color : #d29292;
  font-weight: bold;
  text-decoration : none;
}
a.navig:hover {
  color : #aa4141;
}

.thumb {
  float : left;
  position : relative;
  width : 72px;
  margin-top : 5px;
  text-align:center;
}

.fiches {
  float : left;
  position : relative;
  width : 45%;
  margin-top : 5px;
}

.coment {
  color : #555555;
}