body {
	margin: 10px 0; /* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
	padding: 0; /* Pour le navigateur Opera qui définit des padding par défaut pour le body */
	text-align: center; /* Pour Internet Explorer, pour centrer les éléments de type block */
	background-color: #e7c7a0; /* Une couleur de fond */
}

img {
	border:none; /* On supprime la bordure par defaut autour des images quand il y a un lien */
}

div#conteneur {
	width: 914px; /* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
	min-height: 100%; /* Pour que la division "conteneur" prenne toujours au moins la hauteur de l'écran */
	margin: 0 auto; /* Pour centrer les éléments de type block */
	text-align: left; /* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
	background-color: #e7c7a0;
}

div#header {
	height: 300px; /* On définit la hauteur de la partie header, contenant la bannière du site */
	background-image: url(images/ban.png); /* Une image de fond correspondant aux 163 pixels de hauteur */
	background-repeat: no-repeat; /* L'image de fond ne sera pas répétée */
	margin: 0px;
}

div#menu {
   float: left; /* Le menu flottera à gauche */
   width: 200px; /* Taille du menu */
   margin: 5px;
}

div#menu .element_menu {
   background-color: #f4d8bb;   
   border: 2px solid #3e211a;   
   margin: 8px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

div#menu .element_menu h3 { /* Tous les titres de menus */
   color: #793326;
   display: block;
   margin: 2px;
   background-image: url(images/bg_menu_h.jpg);
   font-family: Verdana;
   text-align: center;
   font-size: 15px;
   border: 1px solid #793326;
}

div#menu .element_menu ul { /* Toutes les listes à puces se trouvant dans un menu */
   list-style-type: none;
   padding: 0; /* Tous les padding à 0 sauf le gauche */
   margin: 0 0 5px 0; /* Tous les margin à 0 sauf le bas */
   font-size: 14px;
   font-family: Comic sans MS;
   font-weight: bold;
   text-align: center;
   list-style-position: inside;
}

div#menu .element_menu a, a:visited /* Tous les liens se trouvant dans un menu et/ou déjà visités */
{
   color: #3e211a;
}

div#menu .element_menu a:hover, a:active /* Quand on pointe sur un lien du menu et/ou qu'on clique dessus */
{
   color: #672a21;
   text-decoration: none;
   font-variant: small-caps;
   font-weight: bold;
}

div#contenu {
	padding: 5px; /* padding de 5px en haut et à droite, 0 en bas et à gauche */
	background-color: #e7c7a0;
	min-height: 600px; /* Hauteur minimum de la page pour que le footer n'empiète pas sur menu */
	margin-left: 205px;
	font: 0.8em Comic sans MS;
	color: #3e211a;
}

div#contenu h1 {
	line-height: 50px;
	font: 2em Verdana, "Trebuchet MS";
	color: #672a21;
	border-bottom: 1px solid #f4d8bb;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase; /* Entièrement en majuscule */
}

div#contenu h2 {
	margin-left: 15px;
	padding-left: 5px;
	color: #b10909;
	font: 1.5em Verdana;
	text-decoration: underline;
	text-align: center;
}

/* Paragraphes */
div#contenu p {
	text-align: justify;
	line-height: 1.4em;
}

/* Liens du contenu */
div#contenu a {
	color: #672a21;
}

/* Liens du contenu quand on passe la souris dessus */
div#contenu a:hover {
	color: #a97c65;
}

div#contenu ul {
	list-style-image: url("images/puce.gif");
}

/* Pied de page */
div#footer {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top : 15px;
	padding-right: 10px;
	line-height: 30px;
	text-align: right;
	color: #793326;
}

/* Liens dans le pied de page */
div#footer a, p#footer a:visited {
	color: #3e211a;
	text-decoration: underline;
	font-style: italic;
}

/* Liens dans le pied de page quand on passe la souris dessus */
div#footer a:hover {
	color: red;
}

/* Forme des date */
div#contenu .date {
	text-align : right;
	color: #793326;
	font-style: italic;
	margin-right:5px;
}

pre
{
	overflow: auto;
	background: #fff;
	border: 2px solid #0a5305;
	padding: 5px 0 0 5px;
	font-size: 1.2em;
}

pre span
{
	color: #560;
}

div#contenu .float {
	display: block;
	width: 200px;
	float: left;
	text-align: right;
}

/* Aspect des boutons de formulaire */
input[type="submit"], input[type="button"], input[type="reset"] {
	background-color: #a97c65;
	color: #3e211a;
	border: 1px outset black;
}

/* Aspect des zones de saisies quand le curseur est dedans (ne fonctionne pas sur IE) */
input[type="text"]:focus, input[type="password"]:focus {
	background-color: #f4d8bb;
	color: #3e211a;
}

blockquote {
	margin-left: 50px;
	display: inline;
}