/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */

html {
	font-size: 100%; /* pour éviter un bug de redimensionnement du texte dans Internet Explorer. */
}

 
body {
	margin: 0;
	padding: 10px 20px; 
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
	font-size: .8em; 
	line-height: 1.25; 
	color: black;
	background: white;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; 
}
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; 
}
h1 {
	font-size: 3em; 
	font-style: italic;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}


/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; 
}
li {
	margin: 0;
	padding: 0;

}
#actif  {
	background: #371212;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}
/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}
/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
/* --- COULEURS --- */

/* Général */
body {
	color: #F0E39E;
	background: #371212;
}
a :link{
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}

/* Global */
#global {
	color: #F0E39E;
	background: #371212; /* Voir -> Note 1 ci-dessous */
}

/* Navigation */
#navigation {
	background: #000000;
}
a:link {
color: #F0E39E;text-decoration: none;
} 
a:visited {
color: #F0E39E;text-decoration: none;
} 
a:hover {
color: #9e2e2f;text-decoration: underline;
}


/* Contenu principal */
#contenu {
	color: #F7F5D9;
	background: #371212;
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}


/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 30px 50px 30px 50px; 
}
#global {
	min-width:600px;
	width: 100%; 
	overflow: hidden; 
	/* Le overflow:hidden crée un contexte de formatage qui vient contenir les
	flottants. Le width:100% a le même rôle, mais uniquement pour Internet
	Explorer 6  */
}

/* En-tête */
#entete {
	padding: 20px;
	text-align: center;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#navigation {
	width: 15%; 
	float: left;
}
#navigation ul {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%; 
	padding: 6px 6px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	margin-left: 16%; 
	padding: 10px 20px;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}


/* gestion du catalogue d'images*/
.centrage {
	width: 50%;
	margin-bottom: 50px; 
	text-align: center; 
	float: left;
	/* centrage des image et taille de la div pour en mettre 2 par ligne */
}

/* Footer */ 
#haut{
	padding: 10px;
	float:right;
}
#haut a{
	color:#F7F5D9;
}

/* compteur de visite caché */
#compteur  {
	display:none;
}