/* --- STYLES DE BASE --- */

/* --- Feuille de style trouvée sur le site d'alsacréations avec toutes les explications nécessaires à l'adresse : 
http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html --- */

/* Page */

html {
	height: 100%;
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}

body {
	height: 100%;
    margin: 0;
    padding: 1em; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex: */
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333;
    font-size: 0.8125em;/* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: black;
    background: #7f735f;
}

/* Titres */

h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: 100; /* Valeur par défaut : bold. (6) */
    font-style: normal;
}

h1 {
    font-size: 1.75em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1em;
}

/* Listes */

ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */

p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}

address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */

a {
    text-decoration: underline;
}

a:link {
    color: mediumblue;
}

a:visited {
    color: indigo;
}

a:hover, a:focus, a:active {
    color: crimson;
}

a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

/* Formulaires */

form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}