body
{
   font-family: "Arial Black", Arial, "Trebuchet MS", serif; /* Police par défaut pour la page */
   width: 987px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter éventuellement de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   background-color: black;
   color: white; /* Toutes les balises contenues dans body verront, par défaut, leur texte coloré en blanc... */
}
a
{
outline: none;
}
body a
{
   color: white; /* Les liens seront blancs */
   text-decoration: none;
}
body a:hover /* Quand on pointe sur un lien du menu */
{
   color: red;
   text-decoration: none;
}
body a:active, a:focus /* Appliquer le même style aux liens actifs et focus (lien sélectionné) */
{
   color: fuchsia;
   text-decoration: none;
}



#header
{
   width: 987px;
   height: 208px;
   background-image: url("images_site/illustrations_accueil_header2.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}



#menu
{
   font-size: 1.2em;
   font-family: "Arial Black", Arial, "Trebuchet MS", serif;
   text-align: justify;
   float: right; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   margin-bottom: 2px;
   
   color: white;
   text-align: right;
}

.element_menu_2
{
font-size: 0.65em;
}

#menu a
{
   color: white; /* Les liens seront blancs */
   text-decoration: none;
}

#menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: red;
   text-decoration: none;
}
#menu a:active, #menu a:focus /* Appliquer le même style aux liens actifs et focus (lien sélectionné) */
{
   color: fuchsia;
   text-decoration: none;
}




body {
	background-color: black
}

a
{
outline: none
}
a
{
   color: white; /* Les liens seront blancs */
   text-decoration: none;
}

a:hover /* Quand on pointe sur un lien du menu */
{
   color: red;
   text-decoration: none;
}
a:active, a:focus /* Appliquer le même style aux liens actifs et focus (lien sélectionné) */
{
   color: fuchsia;
   text-decoration: none;
}







#gallery {
	position: relative;
	width: 987px;
}
#thumbs {
	width: 150px; /* Largeur colonne aux miniatures */
	float: left;
	padding-bottom: 35px; /* TRUC POUR ALLONGER LA TAILLE D'UN DIAPO PAUVRE EN PHOTOS!! (ex-140)*/
}
#thumbs a {
	display: block;
	float: right;
	margin: 0 0 5px 5px;
	width: 51px; /* Largeur miniatures 1e ligne */
	height: 30px;
}

#thumbs a img {
	width: 51px; /* Largeur miniatures 2e ligne */
	height: 30px;
	border: 0;
}

#thumbs a:hover {
	border-color: black;
}

/* Images affichées... */
#thumbs a:hover img {
	position: absolute;
	width: auto;
	height: auto;
	left: 155px; /* Marge à choisir en fonction des images du diapo... */
	top: 0;
	border: none; /* Eventuellement, la bordure des images affichées... */
}