body
{
   width: 800px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: black; 
   font-family:  "Times New Roman",Arial, "Arial Black", Times,serif;
}

.lienphoto
{
color: #000000;
}

  h1
{
	color: red;
	   font-family:  "Lucida Handwriting","Segoe Print", "Times New Roman","Comic Sans MS", "Trebuchet MS","Times New Roman",Times, "Times New Roman", Arial, "Arial Black",serif;

	padding-left: 240px;
	padding-bottom: 0px;
}


.gauche
{
	padding-left: 0px;
	display: inline;
	color: white;
	text-decoration: underline;
	
}

.centre
{
   padding-left: 0px;
   display: inline;
   color: white;
	text-decoration: underline;
}
.droit
{
	padding-left: 0px;
	display: inline;
	color: white;
	text-decoration: underline;
	
}
.vignettes
{
	text-align: center;
	}
.c
{
	text-align:center;
	}
.d
{	
text-align: right;
}
.g
{
text-align: left;
}
pre
{
	color:white;
	
	}
.astuce
{
	padding-bottom: 20px;
	color: white;
	text-decoration: underline;
	
	}
.souris
{
	display: inline;
}
.a1
{
color: red;
text-decoration: none;

}
.a1:hover
{
color: white
}

/*Style de la div contenant les images*/



/*Style des images et application d’une opacité de 40% à chacune d’elles. Notez que les 3 attributs relatifs à cet effet sont nécessaires pour être compatibles avec tous les navigateurs */

#main img {width:250px;height:167px;z-index:1;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}

/*Style du corps de texte sous les images*/


.tri
{
	color: white;
	
	}
.tri a:hover
{ 
	color:red;
	text-decoration: underline;
	}
.tri a
{ 
	color:red;
	text-decoration: underline;
	}