body {
margin : 0 ;
padding : 0;
text-align : center ; 
font-family : arial ;
font-size : 10px ; 
color : #fff;
background-color: black;
}

/* WEBSITE 
***********************************************/

#website {
width : 840px;
margin : 25px auto 0 auto; 
background : transparent;
text-align : left ; 
}



/* FOOTER 
**************************************************/

#footer {
clear : left ; 
height : 22px ; 
text-align : center ;
background-color: green;
color:yellow;
font-size : 2em;
width : 833px;
}

/* BLOCS
***************************************************/

.bloc{
float : left ;
width : 200px ;
margin : 0 10px 0 0
}

 
.bloc img{
margin : 0 0 0 0;
border : 1px solid #fff ; 
display : block ;
}
 
.bloc_divers200x150 {
width : 200px ; 
height : 150px ; 
margin : 0 0 10px 0 ;  
border : 1px solid #fff ; 
background : url(images/021.jpg);
}

.bloc_divers200x320 {
width : 200px ; 
height : 300px ; 
margin : 0 0 10px 0; 
border : 1px solid #fff ;  
background : url(images/021.jpg);
}

.bloc_divers200x100 {
width : 200px ; 
height : 100px ; 
margin : 0 0 10px 0; 
border : 1px solid #fff ;  
background : url(images/021.jpg);
}

.bloc_divers200x270 {
width : 200px ; 
height : 300px ; 
margin : 0 0 0 0; 
border : 1px solid #fff ; 
background : url(images/021.jpg);
}

.bloc_divers200x320 ul {
margin : 10px 0 20px 10px ; 
padding : 0 ; 
list-style : none ;
}

/* TITRES - PARAGRAPHES - LIENS
***************************************************/

h1 {
margin : 0;
padding : 10px 0 0 10px; 
font-size : 2em;
}

h2 {
margin :0;
padding : 10px 0 0 10px;
}

h3 {
margin :0;
padding : 10px 0 0 10px;
}

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

a {
color : #fff ; 
text-decoration : underline ; 
}


.tcentre {
text-align:center;
}

.bloc_divers200x270 .imgcentre {
display: block;    /* pour centrer */
margin: 0 auto;    /* pour centrer */
border : 0;
margin-top:20px;
margin-bottom:30px;
}


#compteur {
display:none;
}