/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
    Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


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

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 Ó la fin de la feuille de styles. */
}
body {
	margin: 0;
	padding: 10px 20px; /* Note -> 2 */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .8em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: black;
	background: white;
}

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

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}
table { border-collapse:collapse ; }
/* 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;
}

/* Liens */
a {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
a:hover, a:focus {
	color: crimson;
}
a img {
	border: none; /* -> 10 */
}

/* 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: #222;
}
pre strong {
	font-weight: normal;
	color: black;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}

/* --- NOTES ---

1.	Ce "font-size: 100%" est normalement inutile. On l'utilise uniquement
	pour Úviter un bug de redimensionnement du texte dans Internet Explorer.

2.	Par dÚfaut, les navigateurs ont un padding (ou, pour certains, un
	margin) de 6px pour l'ÚlÚment BODY. C'est ce qui Úvite que le texte
	ne soit complÞtement collÚ aux bords de la zone de visualisation du
	navigateur lorsqu'on affiche une page ½brute+, sans mise en forme.
	Mais ce retrait de 6px est un peu faiblard: on le renforce donc.
	Notez bien que les feuilles de styles des gabarits pourront augmenter
	ce retrait, ou bien l'annuler.
	
3.	Voici quelques exemples de collections cohÚrentes de fontes (propriÚtÚ
	CSS "font-family"):
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-family: "Times New Roman", Times, "Nimbus Roman No9 L", serif;
		
4.	Taille du texte de base de la page. DÚpend de la taille du texte par
	dÚfaut du navigateur (souvent 16px), et des rÚglages de l'utilisateur.
	+ adapter en fonction de la fonte choisie, et du rendu souhaitÚ.
	En gÚnÚral, on utilisera une valeur de base entre .65em et 1em
	(ou 65% et 100%).

5.	Hauteur de ligne. + adapter en fonction de la fonte choisie, et des
	besoins particuliers (lignes de texte longues ou courtes, titre ou
	corps de texte...).

6.	En gÚnÚral, les styles par dÚfaut des navigateurs font que les marges
	en haut et en bas des titres sont Úquivalentes. Ici, en diminuant la
	marge du bas, on cherche Ó rapprocher le titre du contenu qu'il introduit.

7.	Les styles par dÚfaut des navigateurs mettent les titres en gras.
	Si on souhaite passer Ó des caractÞres ½normaux+, on doit utiliser
	font-size: normal.

8.	Pour un ÚlÚment en "font-size: 3em", la taille du texte sera le triple de
	la taille du texte de l'ÚlÚment parent.
	+ noter: on aurait pu Úcrire "font-size: 300%" pour le mÛme rÚsultat.

9.	Par dÚfaut, les listes UL et OL ont un retrait Ó gauche qui peut Ûtre,
	suivant les navigateurs:
	- un padding-left de 40px;
	- ou bien un margin-left de 40px.
	On met tout le monde d'accord avec une marge Ó gauche de 24px, et pas
	de padding.

10.	Les navigateurs donnent souvent aux images placÚes dans des liens
	une bordure disgracieuse. On annule ce style souvent gÛnant en appliquant
	un "border: none" aux images qui se trouvent Ó l'intÚrieur d'un lien.

*/