/*
	------------------------------------------------------------------
	created by 		: Paul van Roekel
	date			: july 2006	
	------------------------------------------------------------------	
	You're welcome to use any code in this file for your own projects
	the used images however are copyrighted and not for use 
	on other sites! Want to contact me? Use the form on this website...
*/





body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	font: 12px/24px Georgia, "Times New Roman", Times, serif;
	3) couleur du fond
}

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


#container {
	background: #ffffff;
	color:#ff0000;
	line-height: 10px;
	margin: 20px auto;
	width: 700px;
	padding: 5px 20px 20px 20px;
	2)couleur du titre
	3)hauteur du cadre de sous titre
	4)marge du debut de page
	5) width largeur du cadre image
	6) padding distance debut du texte de l'interieur du cardre 5 haut - 20 distance de droite - 20 distance du bas - 20 distance de gauche
	7) bordure noir autoure du cadre - border taille - solid = couleur
}


#title h1  {
	color: #ff0000;
	letter-spacing: 1px;
	padding: 10px;
	margin: 10px;
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	1)couleur du tritre
	margin = taille de l'emplacement du titre.

}

#content {
	text-align:left;
	padding: 0px; 
	margin: 0px;
	color: #ff0000;		
}

.date{
	font-weight: normal;
	color: #000000;
	2)couleur du sous titre

}










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

#content a:visited   {
	color: #999999;
	text-decoration: underline;
}

#content a:hover  {
	color: #000000;
	text-decoration: underline;
	background: #cccccc;
	border-bottom: 1px solid #000000;
	}


#content .category img {
	background: #fff;
	padding: 7px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
	float:right
	couleur des bouttons
}



#content .category {
	margin: 60px 0px 50px 0px;
	padding: 30px 0px 10px 0px;
	clear:both;
	height:auto;
}







	

.imageborderlarge {
	padding: 7px;
	margin: 5px 0px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

#footer {
	text-align:center;
	padding: 30px 0px 10px;
	clear: both;
	float: none;
	margin: 0px;
	font-size: 10px;
	color: #999999;
	}


#footer a:link, #footer a:visited {
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
	1) couleur du petit texte du bas)
	}

#footer a:hover {
	color: #787878;
	deuxieme couleur du texte du bas
}





.unvisible { 
	display: none;
 }








.thumbnail {
	float: left;
	margin: 5px;
	padding: 8px;
	text-align: center;
	color: #cccccc;
	width: 100px;
	height: 145px;
	2)Taille des vignettes
	3) idem
	}


.thumbnailhover{
	background:  none;	
	display:block;
	width: 100px;
	height: 145px;
}

a.thumbnailhover:hover{
		background:  url(images/bg_body.jpg) no-repeat left top;	

	display:block;
	width: 100px;
	height: 145px;
		color: #76B41C;
	font-weight: bold;

	
}

.thumbnail img{
	background: #000000;
	padding: 1px;
	margin: auto;
	display:block;
	...1)couleur de bordure des vignettes...
	...2) epaisseur des contours de vignettes...
}



.thumbnail a {
	color:#666666;
	text-decoration: none;
}

/* non IE  hover 
div.thumbnail:hover{
	background: #000;
	color: #76B41C;
	font-weight: bold;
}

*/




a img {
border:none;

}

#gallerycontainer{
	padding: 0px;
	text-align:center;
}