/* --- STYLES DE BASE --- */
/* Page */
html, * {
	font-size: 9pt; /* 10pt; Évite un bug d'IE 6-7. (1) */
}
body {
	margin: 0;
	padding: 0; /* Remettre à zéro si nécessaire. */
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 10pt; /*  72% À adapter pour la police choisie. (3) */
	line-height: 1.2; /* À adapter au design. (4) */
	color: black;
	background: #F1F1F1;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 0; /* Rapproche le titre du texte. (5) .5em 0 .5em 0 */
	padding: 0;

	font-weight: 100; /* Valeur par défaut. (6) */
	font-style: normal;
	text-transform: none;
}
h1 {
	font-family: Calibri; font-size: 2.5rem;
}
h2 {
	font-family: Calibri; font-size:1.8rem; line-height:1.8rem;
}
h3 {
	font-size: 1.25em;
}
h4 {
  font-size: 1em;  font-weight:400;
}

H3 a:link, H3 a:visited {  COLOR: #5d5d5d; text-decoration: none; }
H3 a:hover, H3 a:active, H3 a:focus { COLOR: #BBBBBB; text-decoration: none; }

/* Listes */
ul, ol {
  margin: .75em 0 .75em 10px;
  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: #3c80f6;
}
a:visited {
  color: #3c80f6;
/*  color: #3b81be; */
}
a:hover, a:focus, a:active {
  color: #000000;
}

/* Pas de bordure autour des images dans les liens */
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, textarea {
	vertical-align: middle; /* Solution pb. d'alignement. (9) */
	font-size:1.1em;
	font-family: calibri, Arial, Verdana, sans-serif;
	BORDER: 1px solid #999999; PADDING: 1px 2px 0px 2px; HEIGHT:20px;
  }

  
/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */

/* Met en évidence les abréviations (ayant un attribut title) */
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* Met en évidence les citations */
blockquote {
  margin: .75em 0 .75em 20px;
  padding: 0 0 0 10px;
  border-left: solid 2px #ddd;
}
q, cite {
  font-style: italic;
}
q cite, q q {
  font-style: normal
}

/* Supprime les guillemets automatiques (citations courtes) */
q {
  quotes: none;
}
q:before, q:after {
  content: ""; /* Nécessaire pour Safari/Chrome */
}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {
  margin: .5em 0;
}

/* Styles de base pour les listes de définition */
dl {
  margin: .75em 0;
}
dt {
  margin: .75em 0 0 0;
  font-weight: bold;
}
dd {
  margin: .25em 0 .25em 32px;
}

/* Mise en forme simple pour les tableaux */
table {
  margin: 0;
/*  border: 0px solid gray; */ /* Pas de bordure = "none". */
  border-collapse: collapse; /* Valeur par défaut: "separate". */
  border-spacing: 0;
}
table td, table th {
	padding: 2px;
	border: none; /* Pas de bordure = "none".1px solid #ccc */
	vertical-align: top; /* Valeur par défaut: "middle" */
}

/* Conteneurs sémantiques de HTML 5 */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
  display: block;
}