/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0 ;}



body {
margin: 0;

padding: 7px;

text-align: center;

background: #685f4c; 
font: 1.5em "Trebuchet MS", helvetica, sans-serif;

color: #7c560b;}




#bloc
 {

position : relative;

width : 710px;

height : 500px;
margin : 25px auto;

background-image:url(fd2.jpg);

text-align : left;
padding-left:20px;}


h1 {font-size:1.5em;}
h3 {font-size:1.2em;
padding-bottom:10px;
padding-top:10px;}

img {border:none;}	

.thumb {
  position:relative; 
  top:0;
  left:0; 
padding-bottom:3px;}

.petit {
height: 50px;
width : 80px;
border:none;}
  
.thumb a {
  margin:0;
  text-decoration:none;}

.thumb a .grand {
  display:block;
  position:absolute; 
  width:0px; }	  
  
.thumb a:hover .grand { 
  position:absolute; 
  top:187px;
  left:0px;
  width:330px; 
  height:225px;
z-index : 100; 
  }

#image
{position:absolute;
top:187px;
left:0px;
width:330px; 
  height:225px; 
  }

#comment
{position: absolute; 
top: 187px; 
left: 346px; 
width: 330px;
height:221px;
   padding: 3px;
padding-left:15px; 
margin: 0; 
z-index: 10;
   color: #F5DEB4; 
background: #596D61;
   font: 15px Verdana, sans-serif; text-align: left;}




.thumb a span {display: none;}
.thumb a:hover span {
display: block;
position: absolute; 
top: 187px; 
left: 346px; 
width: 330px;
height : 221px;
padding: 3px;
padding-left:15px; 
margin: 0; 
z-index: 100;
color: #F5DEB4; 
background: #596D61;
font: 15px Verdana, sans-serif; 
text-align: left;}

.petit {
height: 50px;
width : 80px;
border:none;}

ul {
position:relative;
left:10px;
list-style-type:disc;
list-style-position: outside;}

a {
color:#EC6200;
}

#logo
{
position : absolute;
right:15px;
top:-5px;
}