/*
#
# MINI-SQUELETTON
# ------------------ BEGIN LICENSE BLOCK ------------------
# A fork to keep only the squeletton responsive grid of 
# PLUCSS and reset rules. Minimal and efficient 12 columns.
#
# Forked from	plucss.css by Deevad
# Version		1.1
# Copyright (c)	2014, 2015 PluXml
# Authors(Plucss)		Jos
# Licensed under the GPL license.
# See http://www.gnu.org/licenses/gpl.html
#
# ------------------- END LICENSE BLOCK -------------------
*/

/* RESET
------------------------------ */
*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html { font-size: 93.7%;}
body { color: #444; font-family: helvetica, arial, sans-serif; line-height: 1.4; margin: 0;}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
figure { margin: 0;}
a { background: transparent; color: #258fd6; text-decoration: none;}
a:active, a:hover { color: #444; outline: 0; text-decoration: underline;}
abbr { border-bottom: 1px dotted; cursor: help;}
b, strong { font-weight: bold;}
blockquote { font-style: italic;}
cite:before { content: "— ";}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1rem;}
dfn { font-style: italic;}
dt { font-weight: bold;}
dd { margin-left: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1; margin: 2rem 0 1rem 0;}
.h1, .h2, .h3, .h4, .h5, .h6 { height: auto;}
h1, .h1 { font-size: 2.2rem;}
h2, .h2 { font-size: 1.8rem;}
h3, .h3 { font-size: 1.5rem;}
h4, .h4 { font-size: 1.2rem;}
h5, .h5 { font-size: 1rem;}
h6, .h6 { font-size: 0.8rem;}
hr { height: 0;}
mark { background: #ff0; color: #000;}
pre { overflow: auto;}
small { font-size: .8rem;}
sub, sup { font-size: .8rem; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5rem;}
sub { bottom: -0.25rem;}
ul.inline-list { font-size: 0rem; margin: 1rem 0; padding-left: 0;}
ul.inline-list li { display: inline-block; list-style-type: none; margin-left: .5rem; font-size: 1rem;}
ul.inline-list li:first-child { margin-left: 0;}
ul.unstyled-list { padding-left: 0;}
ul.unstyled-list li { list-style-type: none;}

/* HELPER
------------------------------ */
img { border: 0; height: auto; max-width: 100%;}
.text-left { text-align: left;}
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-justify { text-align: justify;}
.float-left { float: left;}
.float-center { display: block; margin-left: auto; margin-right: auto;}
.float-right { float: right;}
.float-none { float: none;}
.show { display: block;}
.hide { display: none;}
.full-width { width: 100%;}
.width-auto { width: auto;}
.no-margin { margin: 0;}
.no-padding { padding: 0;}

/* GRID
------------------------------ */
.container { margin: 0 auto; max-width: 1920px; padding-left: 1rem; padding-right: 1rem; width: 100%;}
.grid { overflow: hidden; margin-left: -1rem; margin-right: -1rem;}
.col { float: left; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%;}
.col.sml-1, .gallery.sml-1 li { width: 8.3333%;}
.col.sml-2, .gallery.sml-2 li { width: 16.6666%;}
.col.sml-3, .gallery.sml-3 li { width: 25%;}
.col.sml-4, .gallery.sml-4 li { width: 33.3333%;}
.col.sml-5, .gallery.sml-5 li { width: 41.6666%;}
.col.sml-6, .gallery.sml-6 li { width: 50%;}
.col.sml-7, .gallery.sml-7 li { width: 58.3333%;}
.col.sml-8, .gallery.sml-8 li { width: 66.6666%;}
.col.sml-9, .gallery.sml-9 li { width: 75%;}
.col.sml-10, .gallery.sml-10 li { width: 83.3333%;}
.col.sml-11, .gallery.sml-11 li { width: 91.6666%;}
.col.sml-12, .gallery.sml-12 li { width: 100%;}
.col.sml-push-0 { left: auto;}
.col.sml-push-1 { left: 8.3333%;}
.col.sml-push-2 { left: 16.6666%;}
.col.sml-push-3 { left: 25%;}
.col.sml-push-4 { left: 33.3333%;}
.col.sml-push-5 { left: 41.6666%;}
.col.sml-push-6 { left: 50%;}
.col.sml-push-7 { left: 58.3333%;}
.col.sml-push-8 { left: 66.6666%;}
.col.sml-push-9 { left: 75%;}
.col.sml-push-10 { left: 83.3333%;}
.col.sml-push-11 { left: 91.6666%;}
.col.sml-push-12 { left: 100%;}
.col.sml-pull-0 { right: auto;}
.col.sml-pull-1 { right: 8.3333%;}
.col.sml-pull-2 { right: 16.6666%;}
.col.sml-pull-3 { right: 25%;}
.col.sml-pull-4 { right: 33.3333%;}
.col.sml-pull-5 { right: 41.6666%;}
.col.sml-pull-6 { right: 50%;}
.col.sml-pull-7 { right: 58.3333%;}
.col.sml-pull-8 { right: 66.6666%;}
.col.sml-pull-9 { right: 75%;}
.col.sml-pull-10 { right: 83.3333%;}
.col.sml-pull-11 { right: 91.6666%;}
.col.sml-pull-12 { right: 100%;}
.col.sml-offset-0 { margin-left: 0;}
.col.sml-offset-1 { margin-left: 8.3333%;}
.col.sml-offset-2 { margin-left: 16.6666%;}
.col.sml-offset-3 { margin-left: 25%;}
.col.sml-offset-4 { margin-left: 33.3333%;}
.col.sml-offset-5 { margin-left: 41.6666%;}
.col.sml-offset-6 { margin-left: 50%;}
.col.sml-offset-7 { margin-left: 58.3333%;}
.col.sml-offset-8 { margin-left: 66.6666%;}
.col.sml-offset-9 { margin-left: 75%;}
.col.sml-offset-10 { margin-left: 83.3333%;}
.col.sml-offset-11 { margin-left: 91.6666%;}
.col.sml-offset-12 { margin-left: 100%;}
.col.sml-centered { float: none; margin-left: auto; margin-right: auto;}
.col.sml-uncentered { float: left;}
.sml-h1 { font-size: 2.2rem;}
.sml-h2 { font-size: 1.8rem;}
.sml-h3 { font-size: 1.5rem;}
.sml-h4 { font-size: 1.2rem;}
.sml-h5 { font-size: 1rem;}
.sml-h6 { font-size: 0.8rem;}
.sml-text-left { text-align: left;}
.sml-text-center { text-align: center;}
.sml-text-right { text-align: right;}
.sml-text-justify { text-align: justify;}
.sml-float-left { float: left;}
.sml-float-center { margin-left: auto; margin-right: auto;}
.sml-float-right { float: right;}
.sml-float-none { float: none;}
.sml-show { display: block;}
.sml-hide { display: none;}
.sml-full-width { width: 100%;}
.sml-width-auto { width: auto;}
.sml-no-margin { margin: 0;}
.sml-no-padding { padding: 0;}

@media (min-width: 767px) {
.container { padding-left: 2rem; padding-right: 2rem;}
.col.med-1, .gallery.med-1 li { width: 8.3333%;}
.col.med-2, .gallery.med-2 li { width: 16.6666%;}
.col.med-3, .gallery.med-3 li { width: 25%;}
.col.med-4, .gallery.med-4 li { width: 33.3333%;}
.col.med-5, .gallery.med-5 li { width: 41.6666%;}
.col.med-6, .gallery.med-6 li { width: 50%;}
.col.med-7, .gallery.med-7 li { width: 58.3333%;}
.col.med-8, .gallery.med-8 li { width: 66.6666%;}
.col.med-9, .gallery.med-9 li { width: 75%;}
.col.med-10, .gallery.med-10 li { width: 83.3333%;}
.col.med-11, .gallery.med-11 li { width: 91.6666%;}
.col.med-12, .gallery.med-12 li { width: 100%;}
.col.med-push-0 { left: auto;}
.col.med-push-1 { left: 8.3333%;}
.col.med-push-2 { left: 16.6666%}
.col.med-push-3 { left: 25%;}
.col.med-push-4 { left: 33.3333%;}
.col.med-push-5 { left: 41.6666%;}
.col.med-push-6 { left: 50%;}
.col.med-push-7 { left: 58.3333%;}
.col.med-push-8 { left: 66.6666%;}
.col.med-push-9 { left: 75%;}
.col.med-push-10 { left: 83.3333%;}
.col.med-push-11 { left: 91.6666%;}
.col.med-push-12 { left: 100%;}
.col.med-pull-0 { right: auto;}
.col.med-pull-1 { right: 8.3333%;}
.col.med-pull-2 { right: 16.6666%;}
.col.med-pull-3 { right: 25%;}
.col.med-pull-4 { right: 33.3333%;}
.col.med-pull-5 { right: 41.6666%;}
.col.med-pull-6 { right: 50%;}
.col.med-pull-7 { right: 58.3333%;}
.col.med-pull-8 { right: 66.6666%;}
.col.med-pull-9 { right: 75%;}
.col.med-pull-10 { right: 83.3333%;}
.col.med-pull-11 { right: 91.6666%;}
.col.med-pull-12 { right: 100%;}
.col.med-offset-0 { margin-left: 0;}
.col.med-offset-1 { margin-left: 8.3333%;}
.col.med-offset-2 { margin-left: 16.6666%;}
.col.med-offset-3 { margin-left: 25%;}
.col.med-offset-4 { margin-left: 33.3333%;}
.col.med-offset-5 { margin-left: 41.6666%;}
.col.med-offset-6 { margin-left: 50%;}
.col.med-offset-7 { margin-left: 58.3333%;}
.col.med-offset-8 { margin-left: 66.6666%;}
.col.med-offset-9 { margin-left: 75%;}
.col.med-offset-10 { margin-left: 83.3333%;}
.col.med-offset-11 { margin-left: 91.6666%;}
.col.med-offset-12 { margin-left: 100%;}
.col.med-centered { float: none; margin-left: auto; margin-right: auto;}
.col.med-uncentered { float: left;}
.med-h1 { font-size: 2.2rem;}
.med-h2 { font-size: 1.8rem;}
.med-h3 { font-size: 1.5rem;}
.med-h4 { font-size: 1.2rem;}
.med-h5 { font-size: 1rem;}
.med-h6 { font-size: 0.8rem;}
.med-text-left { text-align: left;}
.med-text-center { text-align: center;}
.med-text-right { text-align: right;}
.med-text-justify { text-align: justify;}
.med-float-left { float: left;}
.med-float-center { margin-left: auto; margin-right: auto;}
.med-float-right { float: right;}
.med-float-none { float: none;}
.med-show { display: block;}
.med-hide { display: none;}
.med-full-width { width: 100%;}
.med-width-auto { width: auto;}
.med-no-margin { margin: 0;}
.med-no-padding { padding: 0;}
}

@media (min-width: 1279px) {
.container { padding-left: 3rem; padding-right: 3rem;}
.col.lrg-1, .gallery.lrg-1 li { width: 8.3333%;}
.col.lrg-2, .gallery.lrg-2 li { width: 16.6666%;}
.col.lrg-3, .gallery.lrg-3 li { width: 25%;}
.col.lrg-4, .gallery.lrg-4 li { width: 33.3333%;}
.col.lrg-5, .gallery.lrg-5 li { width: 41.6666%;}
.col.lrg-6, .gallery.lrg-6 li { width: 50%;}
.col.lrg-7, .gallery.lrg-7 li { width: 58.3333%;}
.col.lrg-8, .gallery.lrg-8 li { width: 66.6666%;}
.col.lrg-9, .gallery.lrg-9 li { width: 75%;}
.col.lrg-10, .gallery.lrg-10 li { width: 83.3333%;}
.col.lrg-11, .gallery.lrg-11 li { width: 91.6666%;}
.col.lrg-12, .gallery.lrg-12 li { width: 100%;}
.col.lrg-push-0 { left: auto;}
.col.lrg-push-1 { left: 8.3333%;}
.col.lrg-push-2 { left: 16.6666%;}
.col.lrg-push-3 { left: 25%;}
.col.lrg-push-4 { left: 33.3333%;}
.col.lrg-push-5 { left: 41.6666%;}
.col.lrg-push-6 { left: 50%;}
.col.lrg-push-7 { left: 58.3333%;}
.col.lrg-push-8 { left: 66.6666%;}
.col.lrg-push-9 { left: 75%;}
.col.lrg-push-10 { left: 83.3333%;}
.col.lrg-push-11 { left: 91.6666%;}
.col.lrg-push-12 { left: 100%;}
.col.lrg-pull-0 { right: auto;}
.col.lrg-pull-1 { right: 8.3333%;}
.col.lrg-pull-2 { right: 16.6666%;}
.col.lrg-pull-3 { right: 25%;}
.col.lrg-pull-4 { right: 33.3333%;}
.col.lrg-pull-5 { right: 41.6666%;}
.col.lrg-pull-6 { right: 50%;}
.col.lrg-pull-7 { right: 58.3333%;}
.col.lrg-pull-8 { right: 66.6666%;}
.col.lrg-pull-9 { right: 75%;}
.col.lrg-pull-10 { right: 83.3333%;}
.col.lrg-pull-11 { right: 91.6666%;}
.col.lrg-pull-12 { right: 100%;}
.col.lrg-offset-0 { margin-left: 0;}
.col.lrg-offset-1 { margin-left: 8.3333%;}
.col.lrg-offset-2 { margin-left: 16.6666%;}
.col.lrg-offset-3 { margin-left: 25%;}
.col.lrg-offset-4 { margin-left: 33.3333%;}
.col.lrg-offset-5 { margin-left: 41.6666%;}
.col.lrg-offset-6 { margin-left: 50%;}
.col.lrg-offset-7 { margin-left: 58.3333%;}
.col.lrg-offset-8 { margin-left: 66.6666%;}
.col.lrg-offset-9 { margin-left: 75%;}
.col.lrg-offset-10 { margin-left: 83.3333%;}
.col.lrg-offset-11 { margin-left: 91.6666%;}
.col.lrg-offset-12 { margin-left: 100%;}
.col.lrg-centered { float: none; margin-left: auto; margin-right: auto;}
.col.lrg-uncentered { float: left;}
.lrg-h1 { font-size: 2.2rem;}
.lrg-h2 { font-size: 1.8rem;}
.lrg-h3 { font-size: 1.5rem;}
.lrg-h4 { font-size: 1.2rem;}
.lrg-h5 { font-size: 1rem;}
.lrg-h6 { font-size: 0.8rem;}
.lrg-text-left { text-align: left;}
.lrg-text-center { text-align: center;}
.lrg-text-right { text-align: right;}
.lrg-text-justify { text-align: justify;}
.lrg-float-left { float: left;}
.lrg-float-center { margin-left: auto; margin-right: auto;}
.lrg-float-right { float: right;}
.lrg-float-none { float: none;}
.lrg-show { display: block;}
.lrg-hide { display: none;}
.lrg-full-width { width: 100%;}
.lrg-width-auto { width: auto;}
.lrg-no-margin { margin: 0;}
.lrg-no-padding { padding: 0;}
}

/* CUSTOM FOR CONTRIBUTOPIA MAP
------------------------------ */
body { line-height: 0!important;}
.container { margin: 3rem 0 0 0; }
.map { padding: 2px; border: 16px solid transparent; border-image: url(low-res/carnet-contributopia-polyptyque-frise_by-David-Revoy.jpg) 10% round;  }
.decoration { box-shadow: 0 0 3px 0 rgba(20,0,0,0.50); border: 1px solid rgba(20,0,0,0.50); }
.maps { padding: 0 0!important;}