/*----------------------------------------------------------
 
	Feuille de style type, avec les principaux �l�ments HTML
	et quelques classes utiles.
 
----------------------------------------------------------*/
 
 
/* Initialisation de tous les �l�ments

(c) Eric Meyer (notre maitre � tous en mati�re de CSS) : 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------------------------------*/
 
html, body, div, span, applet, object, embed, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
 
 
/* �l�ments HTML en g�n�ral

(c) Default Firefox CSS by 
(c) Vincent Garnier
----------------------------------------------------------*/
 
/* Le corps du document */
body {
	font-family: "Trebuchet MS", Verdana, helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 80%;
	text-align: left;
	color: #333;
	background: #fff;
}

/* Les titres */
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.3em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }
 
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	display: block;
}
 
/* Les liens */
a, a:link, a:visited {
	color: #000066;
	text-decoration: none;
}
a:hover {
	color: #0033FF; 
	text-decoration: underline;
}
a:focus, a:active {
	text-decoration: none;
}
 
/* Les paragraphes */
p {
	margin: 1em 0;
	line-height: 1.6;
}
 
/* Listes � puce */
ul { margin: 1em 0 1em 2em; }
ul li { }
 
/* Listes ordonn�es */
ol { margin: 1em 0 1em 2em; }
ol li { }
 
/* Listes de d�finitions */
dl { }
dd { }
dt { }
 
/* Les images en g�n�ral */
img { 
	border: none;
	vertical-align: middle;
}
 
/* Les barres horizontales */
hr { }
 
/* Les citations */
blockquote, q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
blockquote em, q em { font-style: normal; }
blockquote { }
cite { }
 
/* Les textes pr�-format�s */
code, pre {
	font-family: monaco, "Courier New", Courier, monospace;
	font-size: 1.1em;
	color: #666;
}
pre {
	width: 95%;
	overflow: auto;
	background: #333;
	color: #fff;
	border: 1px solid #ccc;
	line-height: normal;
}
 
/* Tous les bloc formulaires */
form { display: block; }
 
/* Les jeux de champs de formulaire */
fieldset {
	margin: 1em 0;
	padding: 0.8em;
	border: 1px solid #ccc;
}
 
/* L�gende des fieldset */
legend {float:left;}
 
/* �tiquette des champs de formulaire */
label {
	cursor: pointer;
}
 
/* �tiquette des champs de formulaire requis */
label.required {
	font-weight: bold;
}
label.required:before {
	content: '* ';
	color: #c00;
}
 
/* Champs de formulaire */
input { }
textarea { }
 
/* Tableaux */
table {
	width: 100%;
}
th {
	padding: 0 0.5em;
	border-bottom: 1px solid #333;
	white-space: nowrap;
}
td {
	padding: 0.5em;
	border-bottom: 1px solid #f1f1f1;
}
 
 
/* Emphases */
em {
	font-style: italic;
}
 
/* Forte emphase */
strong {
	font-weight: bold;
}
 
/* Abr�viations et acronymes */
abbr, acronym {
	border-bottom: 1px dotted #f1f1f1;
}
 
 
/* Quelques classes utiles

(c) Vincent Garnier
----------------------------------------------------------*/
 
/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }
 
/* Des classes flotante */
.fleft, .floatleft { 
	float: left;
}
.fright, .floatright {
	float: right;
}
 
/* Les "nettoyeurs" */
.clear, .clearb { clear: both; }
.clearer {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
 
 
/* 	Exemple de colonnes flotantes fa�on journal, 
	� utiliser avec parcimonie, pas pour 
	une mise en page.
 
	Utilisation :
 
	<div class="two-cols">
		<p class="col">Premi�re colonne</p>
		<p class="col">Deuxi�me colonne</p>
		<div class="clearer">
	</div>
 
	<div class="three-cols">
		<p class="col">Premi�re colonne</p>
		<p class="col">Deuxi�me colonne</p>
		<p class="col">Troisi�me colonne</p>
		<div class="clearer">
	</div>
 
----------------------------------------------------------*/
.two-cols { position: static; }
.two-cols .col {
	width: 48%;
	/*margin-left: 1%;*/
	float: left;
}
.two-cols .col:first-child {
	width: 50%;
	margin-left: 0;
}
 
.three-cols { position: static; }
.three-cols .col {
	width: 32.3%;
	float: left;
	/*margin-left: 1%;*/
}
.three-cols .col:first-child {
	width: 33.3%;
	margin-left: 0;
}
 
.four-cols { position: static; }
.four-cols .col {
	width: 24%;
	float: left;
	margin-left: 1%;
}
.four-cols .col:first-child {
	width: 25%;
	margin-left: 0;
}