/*Fichier d'Essai CSS*/

body
{
	background-color: black;
	color: yellow;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: violet;
}

a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: yellow;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: green;
}

a /* Lien normal */
{
   text-decoration: none;
   color: red;
   font-style: italic;
}
#corps
{
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   background-color: black;
   border: 1px solid orange; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps h1
{
	background-image: url("/image/bannbleue.jpg");
	background-repeat: no-repeat;
	margin: auto;
}
}	
p
{
   font-family: Verdana, Arial, serif;
   color: yellow;
}
.basique
{
	text-align: justify;
	font-size: 14px;
	color: orange;
}
.grand
{
	font-size: 20px;
	text-align: center;
}
.imageflottante
{
   float: left;
   padding-left: 3px;
   margin-right: 10px;
}
.italique
{
	text-align: justify;
	font-style: italic;
	font-size: 14px;
	color: white;
}
.paragraphe
{
   text-indent: 30px;
   text-align: justify;
   font-size: 12px;
}
.nom
{
	color: blue;
}
.souligne
{
	text-decoration: underline;
}
h1
{
   border: thin orange groove;
   color: white;
   background-color: black;
   text-decoration: blink;
   padding-left: 30px;
}
h2
{
	color: red;
	text-decoration: underline;
	text-indent: 20px;
}
h3
{
	color: orange;
	text-indent: 30px;
}
#pied_de_page
{
   background-color: black;
}