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:  "Segoe Print", "Lucida Handwriting", "Times New Roman","Comic Sans MS", "Trebuchet MS","Times New Roman",Times, "Times New Roman", Arial, "Arial Black",serif;

	
	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;
text-align: left;

}
.a1:hover
{
color: white
}
.a2
{
color: red;
text-decoration: none;
text-align: right;

}
.a2:hover
{
color: white
}
/*Style de la div contenant les images*/
.a3
{
	display: inline; 
}
.a4
{
	display: inline; 
}

/*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;
	}
	
	#compteur
{
	text-align:center;
}
	






.menu
{
	display: inline;
	padding-left: 50px;
	color: white;
	 font-family: "Segoe Print", Arial, "Arial Black", "Times New Roman", Times, serif;
	 
}
.menu2
{
	display: inline;
	padding-left: 20px;
	color: white;
	 font-family: "Segoe Print", Arial, "Arial Black", "Times New Roman", Times, serif;
	 
}
.menu1
{
	display: inline;
	
	color: white;
	 font-family: "Segoe Print", Arial, "Arial Black", "Times New Roman", Times, serif;
	}
.presentation
{
font-family: "Segoe Print", Arial, "Arial Black", "Times New Roman", Times, serif;
	color: white;
	font-size: 12px;
	
	}
	.tabulation
{
	text-indent: 30px;
}	
.menu a
{
	color: white;
	text-decoration: none;
	}
.menu a:hover
{
	color: red;
	text-decoration: none;
	}
	.menu2 a
{
	color: white;
	text-decoration: none;
	}
.menu2 a:hover
{
	color: red;
	text-decoration: none;
	}	




#Nav {

position:absolute;
z-index: 100;
padding: 0;
margin: 0;
list-style: none;
margin-left: 10px;

}

#Nav li {
width: 150px;
background: none;
font-family: "Segoe Print", Arial, "Arial Black", "Times New Roman", Times, serif;
	color: white;
	font-size: 15px;
margin: 0px 0 0 0px;
float: left;

}

#Nav li:hover{
color: red;
}

#Nav li a {
display: block;
background-color: black;
color: white;
font-family: "Segoe Print", Arial, "Arial Black", "Times New Roman", Times, serif;
	
	font-size: 15px;
text-decoration: none;	
margin: 0; padding: 3px;
}
#Nav li a:hover,#Nav li a:active {

background-color: black;
font-family: "Segoe Print", Arial, "Arial Black", "Times New Roman", Times, serif;

	font-size: 15px;
color: red;
text-decoration: none;	
margin: 0; padding: 3px;
}
.Menu {
padding: 0;
margin: 0;
list-style: none;
display: none;
}