body
		{ 
		   margin: auto;
		   margin-top: 20px;
		   margin-bottom: 20px;
		   background-color: black;

		}
 h1, .center, h3
                        {
			text-align: center;
			color: white;
			}
a img
                        {
			padding: 1px;
			border: 1px dotted gray;
			}
.corps
			{
				margin-top: 10px;
				margin-bottom: 20px; 
				padding: 5px;
				color: #B3B3B3; 
				border: 2px solid black;
			}

.td_commentaires
	{
		
		width: 66%;
		max-width: 66%;
	}	
.commentaires
	{
	overflow: auto;
	}
			
.form_commentaires
	{
	overflow: hidden;
	width: 33%;
	max-width: 33%;
	}
	
.liste_image
			{
			/*border: 2px solid white;*/
			width: 300px;
			height: 100px;
			float: left;
			text-align: center;
			font-size: 12px;
			color: gray;
			padding: 5px;
			
			}
.pied_de_page
	{
		margin: auto;
		padding: 5px;
		text-align: center;
		color: gray;
		clear: both;
	}
	
	.bouton
	{
	text-align: center;
	}

	
table
{
margin:auto;
}	
	
	.pages a
	
	{text-align:center;}

 a
	{

		text-decoration: none; /* Les liens ne seront plus soulignés */
		color: white; /* Les liens seront en rouge au lieu de bleu */
		font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
	}

a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: grey;
}

.div_js /* les divs sont cachées de base */
{
display:none;
height:0%;
position: relative;
}

.cachediv /* puis elles sont affichées*/
{
display: visible;
height: 100%;
position: relative;
}

input
{
border-style: none;
}

.cachediv 
	{
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
	}