/* #Prid' : Anybodesign's Grid System
================================================== */

.row { clear: both; }
.col {float: left; margin-bottom: 5px; padding: 10px; /* The gutters */}
.col1 { width: 8.3333333%; } .col2 { width: 16.666667%; } .col3 { width: 25%; } .col4 { width: 33.333333%; } .col5 { width: 41.666667%; } .col6 { width: 50%; } .col7 { width: 58.333333%; } .col8 { width: 66.666667%; } .col9 { width: 75%; } .col10 { width: 83.333333%; } .col11 { width: 91.666667%; } .col12 { width: 100%; clear: both;}
.col.nopad { padding: 0; } .col.nopad .col { margin-bottom: 0; }

/* #Small screens
================================================== */

@media only screen and (max-width: 639px) {
	.col { float: none; width: 100%; }
}

/* #Reset (Inspired by E. Meyers)
================================================== */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; box-sizing: border-box;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;}


/* Basics
================================================== */

html {height: 100%; font-size: 100%;}

body {
	height: 100%; font-size: 1em;
	text-size-adjust: none;
	background-color: #fff;
}

#container {
	position: relative; width: 100%; min-height: 100%;
}

header.main {
	width: 100%; /* height: 80px; */
	max-width: 760px; margin: 0 auto;
	padding: 5px 5px 10px 5px;
}

header.main nav a {
	font-size: .9em; color: #999; text-decoration: none; border-bottom: #ccc 1px solid;
}
header.main nav a:hover {border-style: dashed;}
header.main nav a:before {content: "☜ ";}

#logo, #infos {display: inline-block;}
#logo {
	width: 70px; height: 70px; margin-right: 5px;
}

#infos {padding-top: 8px;}

footer.main {
	position: absolute; bottom: 0; left: 0;
	width: 100%; height: 40px;
}
footer.main p {
	color: #999; text-align: center; /* width: 320px; margin: 0 auto; */
	font-family: 'ocr', Helvetica, Verdana, Arial, sans-serif;
	border-top: #ccc 1px dashed; padding-top: 8px;
}

#content {
	width: 100%;
	padding: 25px 10px 50px 10px;
	background: transparent url(bg.png) center top repeat-x;
}
#content .inner {
	max-width: 760px; margin: 0 auto;
}


/* Typo
================================================== */

h1, h2, h3, address {
	font-family: 'ocr', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: normal; margin-bottom: 5px;
}
h1 {color: #8def12; font-size: 1.6em;}
h2 {color: #000; font-size: 1.4em;}
h3 {color: #333; font-size: 1em;}

address {
	color: #000; margin-bottom: 15px;
	font-size: .8em; line-height: 1.2em; font-style: normal;
	padding-left: 15px; border-left: #8def12 2px solid;
}

p {
	font-family: 'melior', Georgia, Times, serif;
	font-size: .9em; line-height: 1.4em;
	margin-bottom: 15px; 
	/* text-align: justify; hyphens: auto; */
}

p a {
	font-family: 'ocr', Helvetica, Verdana, Arial, sans-serif;
	color: #8def12; text-decoration: underline;
}
p a:hover {text-decoration: none;}

a[href^=tel] { color:#8def12; }

p em {color: #666; font-style: oblique;}
p strong {
	font-family: 'melior-bold', Georgia, Times, serif;
	font-weight: normal;
}
p.legende {font-size: .75em; color: #999;}

pre {
	padding: 10px; font-family: courier, monospace;
	background-color: #eee; color: #999;
	font-size: 0.7em; margin-bottom: 15px;
	overflow: scroll;
}

figure img {width: 100%; height: auto; margin-bottom: 0;}
img {max-width: 100%; height: auto; margin-bottom: 15px;}



/* Misc
================================================== */

.txtc {text-align: center;} .txtl {text-align: left;} .txtr {text-align: right}
.clearfix {clear:both;}

@font-face {
    font-family: 'ocr';
    src: url('fonts/ocr-bczn.eot');
    src: url('fonts/ocr-bczn.eot?#iefix') format('embedded-opentype'),
         url('fonts/ocr-bczn.woff') format('woff'),
         url('fonts/ocr-bczn.ttf') format('truetype'),
         url('fonts/ocr-bczn.svg#ocr') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'melior';
    src: url('fonts/melior-regular.eot');
    src: url('fonts/melior-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/melior-regular.woff') format('woff'),
         url('fonts/melior-regular.ttf') format('truetype'),
         url('fonts/melior-regular.svg#melior') format('svg');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'melior-bold';
    src: url('fonts/melior-bold.eot');
    src: url('fonts/melior-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/melior-bold.woff') format('woff'),
         url('fonts/melior-bold.ttf') format('truetype'),
         url('fonts/melior-bold.svg#melior-bold') format('svg');
    font-weight: normal;font-style: normal;
}