/***************************************************
RESET TOTAL
***************************************************/

html, body, div, span, applet, object, 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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* attention 'cellspacing="0"' dans HTML obligatoire qd même */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

input, select, textarea { font-size: 100%; }

*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html, body { text-align: center; }

body
{
	/* La taille de base sera de 10px avec les valeurs par défaut de police du navigateur sur la base de font-size:100% dans RESET tags*/
	font-size: 0.625em;
	line-height: 1em;
}

/***************************************************
CLEARERS
***************************************************/
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }