/* ensemble du document */
body {
  margin:0;
  padding:4px 4px 0 4px;
}


div {
	padding:0;
	margin:0;
}

div.bandeau_haut {
  margin:0 0 10px 0;
  padding:0;
}

img.bandeau_haut {
	float:left;
	padding-right:5px;
}

div.sous_bandeau_haut
{
	clear:both;
	margin:0;
	padding:0 0 5px 0;
}

/* div servant de conteneur au menu et a tout ce qui est a gauche */
div.a_gauche {
    float:left;
    width: 244px; 
	margin:0;
	padding:5px 5px 5px 5px;
}

/* div servant de conteneur a la partie droite de la page */
div.corps_texte {
	margin-left:244px;
	margin-right:1ex;
	padding:0 0 10em 4ex;
}

/* classe pour l'affichage d'une image seule, avec le lien retour */
div.centrage, p.centrage{
  padding-top:3ex;
  padding-bottom:3ex;
  text-align:center;
}

/* positionnement de l'image "au hasard" */
img.hasard {
	border:none;
	padding:0;
	margin:0;
}

/* redefinir les marges du paragraphe : pour avoir le meme rendu sur tous les navigateurs */
p {
  margin:0;
  padding:0;
  text-align:justify;
}

/* texte au dessus et dessous de l'image aleatoire : au centre */
p.hasard {
  text-align:center;
}

h1 {
	font-family: serif;
    background-color: transparent;
	color: white;
	padding: 0em;
	margin:0;
	text-align: left;
	letter-spacing: 0.2em;      /* On espace les caracteres pour que ce soit joli  */
}

h2 {
	margin:0;
	padding: 1ex 0 1ex 0;
    background-color: inherit;
	font: bold 24px sans-serif;
	text-align:left;
}

h3 {
	padding: 0;
	margin:1ex 0 1ex 0;
    background-color: inherit;
	font: bold 16px sans-serif;
}

/************************ menu de navigation ***********************/
#navigation { 
    width: 240px; 
    list-style: none ; 
	margin:0;
    padding:0 0 6em 0; 
}

#navigation li { 
    width: 240px; 
    color: #fff ; 
    margin: 0 0 1px 0;
    padding: 0;	
}

#navigation li a { 
    display: block ; 
    width: 240px; 
    color: #fff ; 
    font: 1em "Trebuchet MS",Arial,sans-serif ; 
    line-height: 1em ; 
    text-align: center ; 
    text-decoration: none; 
    padding: 4px 0; 
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
    background: #900 ; 
}

/*
	galerie Copermine :
	gris foncé = #454444
	gris plus clair = #4a4a4a
	jaune foncé (texte) = #f0af00
	jaun/beige = #c6b78e
*/