@font-face{font-family:'agipo';src:url(/lib/font/agipo-webfont.woff2) format("woff2"),url(/lib/font/agipo-webfont.woff) format("woff");font-weight:300;font-style:normal;}
@font-face{font-family:'agipo';src:url(/lib/font/agipo-b-webfont.woff2) format("woff2"),url(/lib/font/agipo-b-webfont.woff) format("woff");font-weight:500;font-style:normal;}
@font-face{font-family:'agipo';src:url(/lib/font/agipoboldcondensed.woff2) format("woff2"),url(/lib/font/agipoboldcondensed.woff) format("woff");font-weight:600;font-style:normal;}
*,::before,::after{box-sizing:border-box;margin:0;padding:0;outline:none;}
::-moz-selection{background:#000;color:#fff;}
::selection{background:rgba(0,0,0,.25);color:#fff;}
.bbg ::-moz-selection{color:#000;background:#fff;}
.bbg ::selection{color:rgba(0,0,0,.25);background:#fff;}

body {background:#eee;font-family:'agipo',sans-serif;font-size:16px;line-height:1.25;font-weight:300;height:100vh;text-rendering:geometricPrecision;}
h1,h2,h3,h4,h5{line-height:1;margin-bottom:.25em;font-weight:400;}
h1,.h1{font-size:5rem;}
h2{font-size:3.5rem;line-height:1;}
h3{font-size:2.5rem;line-height:1;}
h4{font-size:1.75rem;line-height:1;}
h5{font-size:1rem;line-height:1.1;}
strong {font-weight:400;}
.c {max-width:50rem;margin:0 auto;overflow-x: hidden}
.preview .c {max-width:unset;}
main {background:#fff;min-height:100vh;position:relative;overflow-x: hidden}
article, footer {padding:0 1.25rem}

footer {padding-top:1.5rem;padding-bottom:1.5rem;}
.mdm{font-size:1.25rem;line-height:1.2;}
.big{font-size:1.75rem;line-height:1.2;}
.bigger{font-size:2rem;}
.biggest{font-size:2.5rem;}
.bigger h4{font-size:2rem;}
.bigger small{font-size:1rem;}
.small {font-size:.8rem;}
.bold {font-weight:500;}
.heavy, .fat{font-weight:600;}
small,.small{font-size:.9rem;}
.smaller{font-size:.75rem;}
.light{color:#0f0;}
.show-mobile {display:none}
img{width:100%;display:block;}
figcaption{font-size:.8rem;}
hr{border:none;border-bottom:1px solid;margin:.75rem 0;}
hr.inset{margin:.5rem .75rem;}
audio {width:100%;}
a{text-decoration:none;color:#000;transition:all .5s;}
a.ul{text-decoration:underline;text-decoration-color:rgba(0,0,0,.1);transition:text-decoration-color .5s;text-decoration-thickness:.1em;text-underline-offset:.1em;}
a.ul:hover{text-decoration-color:#000;}
a.btn{color:#000;padding:.5rem 2.5rem .75rem;margin:0 .5rem .5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid;min-width:14rem;display:inline-block;transition:all .5s;font-weight:300;}
a.btn.xl{font-size:2rem;}
a.btn.darken{mix-blend-mode:darken;}
a.btn:hover{background:#000;color:#fff;border-color:#000;}
a.btn.inv{background:#fff;filter:invert(1);border:2px solid;}
a.btn.inv:hover{background:#000;}
a.btn.rounded{border-radius:.25em;}
a.tick{transition:padding .5s;padding-right:.5rem;}
a.tick:hover{padding-left:.5rem;padding-right:0;}
a.zoom figure{overflow:hidden;}
a.zoom figure img{display:block;transition:transform 5s;}
a.zoom figure:hover img{transform:scale(1.05)!important;}

.mnu {position:fixed;top:0;width:100%;max-width:50rem;min-height:100vh;transform:translate(100%,0);opacity:0;z-index:100;}
.mnu.active {transform:translate(0,0);transition:transform .5s;opacity:1;}
.agenda {background:#eee;}

.toggle_more {margin: 1rem 0;padding: .5rem 1.75em .75rem;cursor: pointer;border: 1px solid;text-align: center; font-size:1rem;}
.more {position:fixed;top:0;left:100vw;width:100%;max-width:50rem;height:100vh;z-index:102;overflow:scroll;transition:transform .5s;padding:.75rem}

body.more-active {height:100vh;overflow: hidden;}
.more-active .more{transform:translate(-100%,0);}
.close_more{margin-bottom:1rem;}
.arrow.back{display:inline-block;width:1.5em;height:1.5em;cursor:pointer;background-image:url(/lib/gfx/arw.svg);background-size:cover;transform:rotate(90deg);vertical-align:top;    margin-right: .5em;}
.caption-author {font-size:.8rem;margin:.25rem 0}

header{max-width:50rem;height:8rem;margin:0 auto;position:relative;    z-index: 10;}
header.wfg .header-inner{background:none;}

header .burger{width:1.75rem;height:1.25rem;position:absolute;top:1.9rem;left:2rem;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:10;}
header .burger span{display:block;position:absolute;width:100%;border-bottom:1px solid;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
header .burger span:nth-child(1){top:0;}
header .burger span:nth-child(2),.burger span:nth-child(3){top:50%;}
header .burger span:nth-child(4){top:100%;}
header .burger:hover span:nth-child(1){top:10%;}
header .burger:hover span:nth-child(4){top:90%;}

header .bc{position:absolute;	top: 5rem;
	left: 2rem;user-select:none;}
header .bc h3{margin:0;}
header .logo{position:absolute;top:1rem;right:2rem;display:inline-block;z-index:10;}
header .logo a{border-top:3px solid;border-left:3px solid;font-size:2rem;line-height:.9;text-align:right;padding:.5rem 0 0 .5rem;font-weight:600;user-select:none;text-transform:uppercase;display:block;max-width:11rem;transition:transform .5s;height:4rem;}
header .logo._en a{max-width:7.4em;}
header .logo._fr a{max-width:5.2em;}
header .logo a:hover{transform:translate(-.5rem,0);}

header .lbs {    position: absolute;
    top: 1.8rem;
    right: 20rem;width:10rem;z-index:2;}
/*header .lbs{position:absolute;top:4.5rem;left:2rem;max-height:0;overflow:hidden;transition:max-height .5s;width:2rem;user-select:none;z-index:100;}
header .lbs .circled{transform:translate(0,0);}
header.wfg .lbs{filter:invert(1);}*/
header .lbs a{margin-bottom:.5rem;font-size:.8rem;color:#000;background:#fff;    margin-right: 0.5em;}
header .lbs a.active, header .lbs a:hover{background:#000;border-color:#000;color:#fff!important;}

header nav{position:absolute;top:-100vh;left:0;width:100vw;height:100vh;overflow-y:auto;transition:transform .5s;z-index:1;padding-top:6rem;padding-left:1rem;padding-right:1rem;z-index:1;min-height:100vh}
header nav .url {position: absolute;bottom: 1rem;}
body.nav-active {height:100vh;overflow: hidden;}
body.nav-active header .burger span:nth-child(1){top:18px;width:0;left:50%;}
body.nav-active header .burger span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
body.nav-active header .burger span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
body.nav-active header .burger span:nth-child(4){top:18px;width:0;left:50%;}

body.nav-active header nav{transform:translate(0, 100vh)}
body.nav-active header .lbs{    mix-blend-mode: multiply;}


.row{display:block;clear:both;}
.row.inset{margin:0 -.75rem;}
.col{display:inline-block;vertical-align:top;padding:0 .75rem;min-height:1px;}
.col.align-bottom{vertical-align:bottom;}
.m1{width:8.3333333333%;}
.m1-5{width:12.49%;}
.m2{width:16.6666666667%;}
.m3{width:25%;}
.m4{width:33.3333333333%;}
.m5{width:41.6666666667%;}
.m6{width:50%;}
.m7{width:58.3333333333%;}
.m8{width:66.6666666667%;}
.m9{width:75%;}
.m10{width:83.3333333333%;}
.m11{width:91.6666666667%;}
.m12{width:100%;}
.fw{width:100%;}
.offset-m1{margin-left:8.3333333333%;}
.offset-m2{margin-left:16.6666666667%;}
.offset-m3{margin-left:25%;}
.c-2{width:50%;display:inline-block;vertical-align:top;}
.c-5{width:20%;display:inline-block;vertical-align:top;}

.col.m1-5{width:20%!important;}

.lb{border-left:1px solid;}
.blb{border-bottom:2px solid;border-left:2px solid;}
.blb3{border-bottom:3px solid;border-left:3px solid;}
.blb4{border-bottom:4px solid;border-left:4px solid;}
.blp{padding:0 0 2em 2em;}
.tlb{border-top:2px solid;border-left:2px solid;}
.tlb3{border-top:3px solid;border-left:3px solid;}
.tlb4{border-top:4px solid;border-left:4px solid;}
.tlp{padding:2rem 0 0 2rem;}
.up{text-transform:uppercase;}
.mt{margin-top:.75rem;}
.mt2{margin-top:1.5rem;}
.mt3{margin-top:3rem;}
.mb{margin-bottom:.75rem;}
.mb2{margin-bottom:1.5rem;}
.mb3{margin-bottom:3rem;}
.mv{margin:.75rem 0;}
.mv2{margin:1.5rem 0;}
.mv3{margin:3rem 0;}
.mv4{margin:4rem 0;}
.pv{padding:.75rem 0;}
.pv2{padding:1.5rem 0;}
.pv3{padding:3rem 0;}
.pv4{padding:4rem 0;}
.pv10{padding:10rem 0;}
.ph{padding:0 .75rem;}
.ph2{padding:0 1.5rem;}
.pd{padding:.75rem;}
.pd2{padding:1.5rem;}
.mv{margin:.75rem 0;}
.mh{margin:0 .75rem;}
.pb{padding-bottom:.5rem;}
.bt{border-top:1px solid #333;}
.bt1{border-top:1px solid;}
.grey{color:rgba(0,0,0,0.75);}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.fright{float:right;}
.ctr{margin:0 auto;}
.inline{display:inline-block;}
.obg{background:#f66e3f;}
.bbg{background:#000;}
.gbg1{background:#fafafa;}
.gbg2{background:#eee;}
.gbg3{background:#ddd;}
.gbg4{background:#ccc;}
.hidden{display:none;}
.bb{border-bottom:1px solid;padding-bottom:.25em;}
.bl{border-left:1px solid;padding-left:.5em;}
.wfg,.wfg a,a.wfg{color:#fff;}
.wfg a.ul{text-decoration-color:rgba(255,255,255,.25);}
.bfg,.bfg a,a.bfg{color:#000;}
.wbg{background:#fff;}
.wtbg{background:rgba(255,255,255,.95);}
.multiply{mix-blend-mode:multiply;}
.hyphen{hyphens:auto;}
.up {text-transform:uppercase;}
.pr {position:relative}
.arw {display:inline-block;border-right:1px solid;border-top:1px solid;width:.35em;height:.35em;transform:rotate(45deg) translate(0, -.2em);margin-right:.5em;}
.tag {display: inline-block;margin-right: .5rem;padding:0 .5rem 0.1rem;font-size: .75rem;}

.disabled {opacity:.25}
.disabled a {pointer-events:none;user-select:none;}


a.button {padding: .5rem 1.75em .75rem;margin: 3rem 0 0 auto;display: inline-block;font-size: 1.5rem;display: block;text-align: center;}
.obg a.button{background: #000;color: #f66e3f;}

#map-wrapper {position:relative;}
#map-wrapper #hint{position:absolute;transform:translate(0,10px);z-index:1;background:#000;color:#fff;text-transform:uppercase;padding:.5rem;line-height:1;text-transfrom:uppercase;box-shadow:.5rem .5rem 1rem rgba(0,0,0,.25);opacity:0;pointer-events:none;font-size:.8rem;}
#map-wrapper #hint.active{opacity:1;}
#map-wrapper .next {    position: absolute; z-index: 10;bottom: 2rem;padding: .5rem;}
#map {padding-top:75%;}


.numbered {padding-left:2.5rem;position:relative;}
.numbered:before {content: attr(data-nr);position: absolute;border: 1px solid;border-radius: 100%;left: 0rem;top: 0.1rem;
    z-index: 100;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    font-size: 1.1rem;}

.clamped{position:relative;}
.clamped .inner{max-height:9em;overflow:hidden;}
.clamped.overflowing.active .inner{max-height:1000vh;transition:max-height .5s;}
.clamped .button{display:none;}
.clamped.overflowing .button{display:inline-block;white-space:nowrap;margin-top:.25rem;cursor:pointer;transition:opacity .5s;opacity:.5;}
.clamped.overflowing .button:after{display: inline-block;content:attr(data-more);}
.clamped.overflowing .button:before{content:'';width:.5em;height:.5em;display: inline-block;border:1px solid;border-left:none;border-top:none;margin-right:.5rem;margin-top:-.5rem;transform:translate(0, -.2rem) rotate(45deg)}
.clamped.overflowing.active .button:after{content:attr(data-less);}
.clamped.overflowing.active .button:before{border:1px solid;border-right:none;border-bottom:none;}
.clamped.overflowing .button:hover{opacity:1;}

.circled{border-radius:100%;display:inline-block;margin-right:.25em;line-height:1.6em;width:1.75em;height:1.75em;text-align:center;font-size:1rem;font-weight:200;transform:translate(0,-.1em);}
.outline{border:1px solid;}
.circled.tt{transition:background .5s,color .5s;cursor:pointer;position:relative;}
.circled.tt:hover{background:#000;color:#fff;}
.wfg .circled.tt:hover{background:#fff;color:#000;}
.circled.tt:hover:after{content:attr(data-tt);position:absolute;font-size:.8rem;left:3rem;text-align:left;font-weight:500;background:#fff;color:#000;padding:.25rem;line-height:1;font-weight:200;}

.lbs .circled {line-height:2.1em;width:2.2em;height:2.2em;}



ul.filter{list-style:none;position:absolute;background:#fff;width:100%;padding-bottom: .5rem;z-index:20;}
ul.filter:after{position:absolute;content:'';width:.5rem;height:.5rem;border-bottom:1px solid;border-right:1px solid;position:absolute;    right: 0.3rem;
    top: 0.85rem;transform:rotate(45deg);transition:transform .5s;}
ul.filter li{max-height:0;transition:max-height .5s,border .5s;overflow:hidden;cursor:pointer;margin-right:2px;}
.wfg ul.filter li:hover{background:rgba(255,255,255,.25);}
.wfg ul.filter{background:#000;}

ul.filter li span.tt{padding:.5rem 1.75rem .5rem 0;display:block;transition:padding .5s;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
ul.filter li span.nn{font-size:.7rem;float:right;color:#666;}
ul.filter li:hover span.tt{padding-left:1rem;}
ul.filter li.active{max-height:3rem;    border-bottom: 1px solid;}
ul.filter:hover li{max-height:3rem;}
ul.filter.active li.active{background:#000;color:#fff;}
ul.filter.active li.active .nn{display:none;}
ul.filter.active:after{content:'\00D7';border:none;color:#fff;transform:none;line-height:0.2;font-size:1.2rem;pointer-events:none;}
ul.filter.active:hover li{max-height:0;}
ul.filter.active:hover li.active{max-height:3rem;}
ul.filter.active:hover li.active:hover{background:#333;color:#fff;}

.expand {margin-left: -2rem;margin-right: -2rem;padding: 1rem 2rem;}
.itmz {margin-bottom: 1rem}
.vid:before{content:'';position:absolute;width:5rem;height:5rem;left:50%;top:50%;background-size:contain;transform:translate(-50%,-50%);z-index:10;background-repeat:no-repeat;background-position:center;pointer-events:none;}
.vim:before{background-image:url(../gfx/video_vim.svg);}
.ytb:before{background-image:url(../gfx/video_ytb.svg?v=1);}
.wrap{position:relative;}
.wrap img{width:100%;display:block;}
.wrap iframe{border:0;width:100%;height:100%;}
.nav_route {max-height: 2rem;transition:max-height .5s;	overflow: hidden;}
.nav_route:hover{max-height: 100vh;}

.flickity-wrapper {position:relative;padding-top:75%;overflow:hidden;}
.flickity{position:absolute;width:100%;height:100%;top:0;}
.flickity .flickity-viewport {position: absolute;top: 0; width: 100%;}
.flickity .flickity-slider {height:100%;width:100%;}
.flickity .flickity-viewport {height:100%;}
.flickity .cell{display:block;width:100%;height:100%;transition:transform .5s;cursor:pointer;background:#fafafa;}
.flickity .cell figure{width:100%;height:100%;}
.flickity .cell figure img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:transform .5s}
.flickity .cell .inner figure {user-select:none;}
.flickity .cell .txt {display:none}
.flickity .cell .caption {position: absolute;bottom: 0;padding: 0.5rem; color: #fff;}

.flickity-prev-next-button {position: absolute; top: 50%;width: 2.5rem;height: 2.5rem;padding:.5rem;transform: translateY(-50%);border:0;background:rgba(255,255,255,.25);opacity:0;transition:opacity .5s;cursor:pointer;border-radius:100%}
.flickity-prev-next-button.previous { left: .5rem; }
.flickity-prev-next-button.next { right: .5rem; }
.flickity:hover .flickity-prev-next-button {opacity:1}
.flickity .flickity-page-dots {position: absolute;bottom: 1rem;width: 100%;text-align:center;}
.flickity .flickity-page-dots li{display:inline-block;width:.75rem;height:.75rem;background:rgba(0,0,0, 0.25);border-radius:100%;margin:.25rem;transition:background .5s;cursor:pointer}
.flickity .flickity-page-dots li:hover, .flickity .flickity-page-dots li.is-selected{background:#000}

@media (max-width: 740px) {
	h1,.h1{font-size:3rem;font-weight:600;}
	h2{font-size:2rem;}
	h3{font-size:2rem;}
	h4{font-size:1.5rem;}
	h5{font-size:1rem;}
	article {padding:0 .25rem}
	header {height:9rem;}
	header .burger {left:1rem;top:1.1rem}
	header .lbs {position: absolute;
    top: 1rem;
    left: 4rem;}
	header .bc {left:1rem;top:4.5rem}
	header .bc h4{font-size:1rem;}
	header .logo {right:.75rem;}
	header .logo a{
		border-top: 3px solid;
	    border-left: 3px solid;
	    font-size: 1.5rem;
	    line-height: .9;
	    text-align: right;
	    padding: .25rem 0 0 0rem;
	    font-weight: 600;
	    user-select: none;
	    text-transform: uppercase;
	    display: block;
	    max-width: 8.3rem;
	    transition: transform .5s;
	    height: 3rem;
    }
    
#map-wrapper .here{position:absolute;right:.5rem;top:.5rem;width:2.5rem;height: 2.5rem;background:#fff url(../gfx/here.svg) center no-repeat;background-size:2rem;z-index:10;border-radius:100%;box-shadow: 0 2px .25rem #ccc}
    .clamped .inner{max-height:10em;}

	.big{font-size:1.25rem;}
	.bigger{font-size:1.5rem;}
	.biggest{font-size:2rem;}
}