@font-face { font-family: "CooperHewitt"; src: url("../fonts/CooperHewitt/CooperHewitt-Bold.eot"); src: url("../fonts/CooperHewitt/CooperHewitt-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CooperHewitt/CooperHewitt-Bold.woff") format("woff"), url("../fonts/CooperHewitt/CooperHewitt-Bold.ttf") format("truetype"), url("../fonts/CooperHewitt/CooperHewitt-Bold.svg#CooperHewitt") format("svg"); }

@font-face { font-family: "CooperHewitt-BoldItalic"; src: url("../fonts/CooperHewitt/CooperHewitt-BoldItalic.eot"); src: url("../fonts/CooperHewitt/CooperHewitt-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CooperHewitt/CooperHewitt-BoldItalic.woff") format("woff"), url("../fonts/CooperHewitt/CooperHewitt-BoldItalic.ttf") format("truetype"), url("../fonts/CooperHewitt/CooperHewitt-BoldItalic.svg#CooperHewitt-BoldItalic") format("svg"); }

@font-face { font-family: "rubik"; src: url("../fonts/rubik/Rubik-Light.eot"); src: url("../fonts/rubik/Rubik-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik/Rubik-Light.woff") format("woff"), url("../fonts/rubik/Rubik-Light.ttf") format("truetype"), url("../fonts/rubik/Rubik-Light.svg#rubik") format("svg"); }

@font-face { font-family: "Rubik-Bold"; src: url("../fonts/rubik/Rubik-Bold.eot"); src: url("../fonts/rubik/Rubik-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik/Rubik-Bold.woff") format("woff"), url("../fonts/rubik/Rubik-Bold.ttf") format("truetype"), url("../fonts/rubik/Rubik-Bold.svg#Rubik-Bold") format("svg"); }

@font-face { font-family: "Rubik-MediumItalic"; src: url("../fonts/rubik/Rubik-MediumItalic.eot"); src: url("../fonts/rubik/Rubik-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik/Rubik-MediumItalic.woff") format("woff"), url("../fonts/rubik/Rubik-MediumItalic.ttf") format("truetype"), url("../fonts/rubik/Rubik-MediumItalic.svg#Rubik-MediumItalic") format("svg"); }

@font-face { font-family: "cmu-concrete-ita"; src: url("../fonts/Concrete/cmunoti.eot"); src: url("../fonts/Concrete/cmunoti.eot?#iefix") format("embedded-opentype"), url("../fonts/Concrete/cmunoti.woff") format("woff"), url("../fonts/Concrete/cmunoti.ttf") format("truetype"), url("../fonts/Concrete/cmunoti.svg#cmu-concrete-ita") format("svg"); }

* { box-sizing: border-box; }

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: 16px; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html, body { height: 100%; }

body { line-height: 1; }

ol, ul { list-style: none; }

a { text-decoration: none; color: black; }

blockquote, q { quotes: none; }

img { width: 100%; height: 100%; vertical-align: bottom; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

p { font-style: normal; }

p:last-child { margin: 0; }

em { font-style: italic; }

strong { font-weight: normal; font-family: "Rubik-MediumItalic"; }

text { font-family: "rubik"; }

h1 { font-size: 1.2rem; line-height: 50px; }

h1 a { font-family: "CooperHewitt"; font-weight: normal; }

h2 { font-family: "CooperHewitt-BoldItalic"; font-size: 1.1rem; line-height: 50px; }

p { font-family: "rubik"; font-size: 1rem; line-height: 1.3rem; margin-bottom: 12px; }

p a { font-family: "cmu-concrete-ita"; }

.blocs:nth-child(2) { color: white; }

.blocs:nth-child(2) a { color: blue; }

.blocs:nth-child(3) a { color: blue; }

body { overflow: hidden; background: #e6e6e6; }

#page { height: 100%; }

#page .navbar { width: 100%; height: 50px; }

#page #start { width: 100%; height: calc(100% - 50px); position: relative; }

#page #start .handler { width: 50px; height: 50px; border-radius: 25px; position: absolute; top: 50%; z-index: 999; cursor: -webkit-grab; cursor: grab; }

#page #start .hand1 { left: calc((100%/3)); margin-left: -26px; margin-top: -24px; }

#page #start .hand2 { left: calc((100%/3) * 2); margin-left: -25px; margin-top: -24px; }

#page #start .hand2 img { margin-left: 1px; }

#page #start .mouseDown { cursor: -webkit-grabbing; cursor: grabbing; }

#page #start .blocs { position: absolute; overflow-y: auto; margin: 0; width: calc((100% / 3)); min-width: 200px; height: calc((100% / 2 )); z-index: 998; }

#page #start .blocs:nth-child(3n+2) { left: -2px; }

#page #start .blocs:nth-of-type(2) { background: #969696; }

#page #start .blocs:nth-child(-n+3) { padding: 0px 20px; }

#page #start .blocs:nth-child(3n+3) { background: white; left: calc((100% / 3)); }

#page #start .blocs:nth-child(3n+4) { background: white; right: -2px; }

#page #start .blocs:nth-child(n+5) { top: calc((100% / 2 )); margin-top: 2px; }

#page #start .blocs:nth-of-type(-n+3) > div:nth-child(n+1) { margin-bottom: 25px; }

#page #start #reseaux-sociaux canvas[resize] { width: 100vw; height: 100vh; }

#page #start #images img { filter: grayscale(100%) contrast(1); transition: filter 0.5s; }

#page #start #images img:hover { filter: grayscale(0%); transition: filter 0.5s; }

#page #start #links { z-index: 997 !important; display: -ms-flexbox; display: flex; }

#page #start #links svg { position: fixed; top: -33%; left: -55%; }

#page #start #streetmap #mapid { filter: grayscale(100%) contrast(1); }

#page #start #streetmap > div:nth-of-type(1) { height: 100%; }

#page #start #streetmap #mapid { width: 100vw; height: 100vh; }

#page #start #streetmap #mapid .leaflet-marker-pane { transform: translate(-25px, -25px); }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,[encoded data, 23080 characters] */
