/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
   © SE Beaune Handball 2009
   ============================================== */


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

/* Page */
html {
	font-size: 100%; /* Ce "font-size: 100%" est normalement inutile. On l'utilise uniquement pour éviter un bug de redimensionnement du texte dans Internet Explorer. */
	text-align: justify;
}
body {
	margin: 0;
	padding: 10px 20px; /* 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. */
	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
	font-size: 0.8em; /* En général, on utilisera une valeur de base entre .65em et 1em (ou 65% et 100%). */
	line-height: 1.20;
	color: rgb(0,0,0);
	text-align: justify;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 3em
. 0; /* En diminuant la marge du bas, on cherche à rapprocher le titre du contenu qu'il introduit. */
	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
	font-weight: bold;
	font-style: italic;
	padding-left: 0.3em;
}
h1 {
	font-size: 2.4em; /* la taille du texte sera le triple de la taille du texte de l'élément parent */
	border-bottom: 4px dotted red;
	border-left: 4px dotted red;
}
h2 {
	font-size: 1.8em;
	border-bottom: 2px solid orange;
	border-right: 2px solid orange;
	text-align: right;
}
h3 {
	font-size: 1.4em;
	border-bottom: 2px solid gray;
	padding-bottom: 7px;
}
h4 {
	font-size: 1em;
	color: rgb(239,148,6);
	border-top: 2px solid orange;
	border-bottom: 2px solid orange;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-right: 7px;
	text-align: right;
}
h5 {
	font-size: 1em;
	color: rgb(249,255,6);
	padding-bottom: 7px;
	padding-top: 7px;
	padding-right: 7px;
	text-align: right;
	line-height: 1.5em;
}
h6 {
	font-size: 1.2em;
	color: rgb(239,148,6);
	text-align: center;
	text-decoration: underline;
}

/* Listes */
ul, ol {
	margin: 0.75em 0 0.75em 24px;
	padding: 0; /* 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. */

/* Paragraphes */
p {
	margin: 0.75em 0;
}
li p, blockquote p {
	margin: 0.5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
}
blockquote {
	margin: 0.75em 0 0.75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */
a {
	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
	color: rgb(170,235,242);
}
a:visited{
	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
	color: rgb(170,235,242);
}
a:hover, a:active{
	font-weight: bold;
	color: rgb(77,207,251);
}
a img {
	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
	border: none;
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: rgb(150,150,150);
}


/* --- 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: 0.75em 0;
	padding: 12px;
	background-color: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}
span {
	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
	font-style: italic;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
}