/* ============= Reset ============= */
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,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; }
:focus         { outline:0;} 
body           { line-height:1; color:black; background:white; }
ol,ul          { list-style:none;}
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:"" ""; }
strong            { font-weight:bold; }
em                { font-style:italic; }
pre,code          { font:1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height:1.5; } 
 /* --- Clear without extra markup --- Reference : http://www.positioniseverything.net/easyclearing.html */
.clearfix:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Heading -- Utiliser "em" pour ajuster la taille des typos  R�f�rence : http://www.alistapart.com/articles/howtosizetextincss */
body              {font:13px/1.3 Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1                { font-size: 2em; margin-bottom: 0.75em;  }
h2                { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3                { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h4                { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h5                { font-size: 1em; font-weight: bold; }
h6                { font-size: 1em; font-weight: bold; }

/* ============= Outils ============= */
.hide           { display:none !important; }
.mask           { visibility:hidden !important; }
.show           { visibility:visible !important; display:block !important;}
.float-none     { float:none !important; }
.float-left     { float:left !important; }
.float-right    { float:right !important; }
.clear-left     { clear:left !important; }
.clear-right    { clear:right !important; }
.align-justify  { text-align:justify !important; } 
.align-left     { text-align:left !important; } 
.align-center   { text-align:center !important; } 
.align-right    { text-align:right !important; } 
.caps           { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em; line-height:1%; font-weight:bold; padding:0 2px; }
.red            { color:#900 !important; }
.green          { color:#060 !important; }