/* ---------------------------- */
/*			Stylebase			*/
/* ---------------------------- */

/*
 * @autor : dynamic creative
 * @date : 2013
 * @note : inspired by Alsacreations stylebase
 */

/* soft reset */
html, body, form, fieldset, legend, ul, ol, dl, blockquote, pre, h1, h2, h3, h4, h5, h6, code, kbd, q { margin:0; padding:0; }

/* structure */
html { font-size: 100%; }
body { font-family: Arial, Verdana, FreeSans, sans-serif; font-size: 12px; line-height: 1.3; color: #626262;}

/* introducing new HTML5 elements */
header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog { display: block; }

/* titre */
h1, h2, h3, h4, h5, h6 { font-weight:bold; }

/* link */
a, a:visited { color: #b5b5b5; } 
a img { border: 0; } /* @note : no borders on image-links */
a:hover img, a:focus img, a:active img { opacity: 0.8; }

/* listes */ 
ul, ol { margin: 0 0 0 0; padding: 0; list-style: none;} 

/* paragraphes */ 
p { margin: 0 0 .75em 0; } 

/* forms */
label, input[type="button"], input[type="submit"], button { cursor: pointer; }
input, button, select { font-size: 100%; vertical-align: middle; /* @bugfix : align solution */ }

/* overflows */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* img, table, td, blockquote, code, pre, textarea, input, object, embed, video { max-width: 100% } */
code, pre, samp, textarea, table, td { word-wrap: break-word; white-space: pre-wrap; }

/* misc */
abbr[title] { border-bottom: 1px solid #555555; cursor: help; }
table { table-layout: fixed; border-spacing: 0; }
th, caption { text-align:left; }
img {margin:0; vertical-align: middle;}
button::-moz-focus-inner { padding:0; border:0; }

.clear { clear: both; }
.center { text-align: center; }
.t_right { text-align: right; }
.left { float:left; }
.right { float:right; }