/* Reset
-------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,li,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,li,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after{margin:0;padding:0;border:0;box-sizing:border-box}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

/* Réglages
-------------------------------------------------- */
img{display:block;width:100%;height:auto}
ul,li{list-style: none}
em{font-style:italic}
strong{font-weight:bold}

/* Liens
-------------------------------------------------- */
a{color:#000;text-decoration:underline;outline:0;}
a:hover, a.active{color:#000;text-decoration:none}

/* Site
-------------------------------------------------- */
html{width:100%;min-height:100%}
body{width:100%;min-height:100%;background:#ffffff;color:#000000;overflow-x:hidden}
body, h1, h2, h3, h4{line-height:1.25em;font-size: calc(15px + (22 - 15) * ((100vw - 300px) / (1920 - 320)));font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
h2, h3, h4{margin-bottom:.625em}
body{display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}

/* Headings
-------------------------------------------------- */
h1, h2, h3, h4{font-size:1em;line-height:1.25em;display:inline-block;font-weight:normal;margin-bottom:0}
h1 a, h2 a, h3 a, h4 a{color:inherit;}

/* Header
-------------------------------------------------- */
header{padding:2em 5em;background:#5B27BE;border-bottom:1em solid #F737D2;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
header > div{width:50%;padding:0 1rem;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
header > div:nth-child(1){width:66.666%;}
header > div:nth-child(2){width:33.333%;flex: 1;}


header div h1{flex:1;width:100%;position: relative;}
header div h1 a{margin-left:4.25rem}
header div h1 a:hover{text-decoration:underline}
header div h1 span{content: '';
position: absolute;
top: .5rem;
display: inline-block;
width: 3em;
height: 3em;
background-image: url(../images/logo_noir_tyfc.svg);
background-repeat: no-repeat;
background-size: contain;}
header div ul{width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
header div ul li{width:100%;font-size:2.5em;line-height:1.125em}
header div ul li a{text-decoration:none;font-weight:bold;text-transform: lowercase}
header div ul li a:hover, header div ul li a.active{text-decoration:underline}
header div h1 a{font-size:2.5em;line-height:1.125em;text-decoration:none;font-weight:bold;text-transform: lowercase}
header .languages {position:relative;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
header .languages span:nth-child(1){transform: rotate(-90deg);position:absolute;transform-origin: top left;}
header .languages > span:nth-child(2){position:absolute;left: 4em;top: -1.5em;width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
header .languages span:nth-child(1) a:nth-child(1):after{content:"|";display:inline-block;padding:0 .5em}
header .languages a:last-child:after{content:""}
header .languages a.active, header .languages a:hover{text-decoration:underline}
header .languages a{font-size:1.5rem;line-height:1.25em;font-weight:bold;text-decoration:none}

.search section.results{padding:2.5em 5.75em;background:#F7DB64;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.search section.results div{flex:1;font-weight:bold}
.search section.results div:first-child span:first-child{display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
.search section.results div:first-child span:nth-child(2){text-transform: uppercase;text-align:right;font-size:3.5em;line-height:1.125em;}
.search section.results div:nth-child(2){text-align:right;text-transform: uppercase}

.formsearch{display: -webkit-flex;display: flex;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;}
.formsearch form{font-size:1.5em;line-height:1.25em;width:0;transition:width .5s ease;overflow:hidden;display: -webkit-flex;display: flex;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;}
.formsearch form.slide{width:100%}
.formcontain{position: relative;
top: -.25em;display: -webkit-flex;display: flex;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;}
.formsearch form input[type=search]{outline:0;font-weight:bold;width:75%;background:transparent;color:black;font-size:1.5rem;line-height:1.25em;padding:.25em 0;border-bottom:.125em solid}
.formsearch form input[type=submit]{outline:0;border-bottom: .125em solid;padding:.25em 0;font-weight:bold;background:transparent;color:black;font-size: 1.5rem;;line-height:1.25em;cursor:pointer}
.formsearch form input[type=submit]:hover{color:grey;border-bottom: .125em solid black;}
.formsearch form.contactform span{width:100%}
.formsearch form.contactform input[type=text]{color:black;border-bottom:.125em solid}
.formsearch form.contactform input[type=submit]{border-bottom: .125em solid;background:transparent;color:black;}
.formsearch form.contactform input[type=submit]:hover{color:grey;border-bottom: .125em solid grey;}
.loupe{width:1.5em;height:1.5em;margin:0 1em;display:inline-block;background-repeat:no-repeat;background-position:center;background-image:url(../images/loupe.svg);background-size:contain;cursor:pointer}



ul.tags{padding:2.5em 5.75em;background:#F7DB64;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
ul.tags li {}
ul.tags li:after{padding:0 .5em;content:"|";display:inline-block;font-weight:bold;text-decoration:none;text-transform:uppercase;font-size:1.5em;line-height: 0;}
ul.tags li:last-child:after{display:none}
ul.tags li a{font-weight:bold;text-decoration:none;text-transform:uppercase;font-size:1.25em;line-height:1.5em;}
ul.tags li a:hover, ul.tags li a.active{text-decoration:underline}

.grid{width:100%;padding:2em 5em;}
.grid ul{width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.grid ul li{position:relative;width:33.333%;height:35vh;padding:1rem;margin-bottom:2em;;display: -webkit-flex;display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;}
.grid ul li:after{content:'';position:absolute;bottom:0;left:1rem;right:1rem;height:.25rem;background:black}
.grid ul li {font-size:1.25em;line-height:1.25em;font-weight:bold}
.grid ul li a{text-decoration:none;text-transform: uppercase;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.grid ul li span{flex:1;font-weight:normal;position:relative;}
.grid ul li div{line-height:1.125em;font-weight:bold;}
.grid ul li.years{padding-bottom:0}

.grid ul li.years:after{display:none}
.grid ul li.years span{padding:1rem;background:black;color:white;position:relative;font-size:2em;line-height:1.125em;font-weight:bold;}
.grid ul li.years span div{position:absolute;bottom:1rem;right:1rem;font-size:inherit}

.grid.presse{background:#9CFAC4;margin-top: 4em;}
.grid.presse li:first-child:after{display:none}
.grid.presse li:nth-child(4n){margin-left:33.333%}

.grid.fichiers{}
.grid.fichiers ul li{position:relative;width:33.333%;height:auto;}
.grid.fichiers .download{font-size: 1.5rem;outline:.125rem solid;outline-offset:-.125rem;cursor:pointer}
.oeil{position:absolute;top:0;left:0;right:0;bottom:0}
.oeil div{position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-moz-flex-flow: column wrap;
	flex-flow: column wrap;}
.oeil span:nth-child(1){background-image:url(../images/oeil.png);background-size:50%;background-repeat:no-repeat;background-position:center center;content:'';position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);height:2em!important;margin-top:0!important;width:2em;border-radius:100%;border:.25rem solid black}
.oeil span:nth-child(2){margin-top: 6rem!important;font-weight:bold;}
.grid.fichiers .download img{opacity:0}
.grid.fichiers .download.active img{opacity:1}
.grid.fichiers .download.active:after{display:none}
.grid.fichiers ul li span {display: flex;height: 100%;margin-top:2.5rem;display: -webkit-flex;
	display: -moz-flex;
	display: flex;}
.grid.fichiers ul li span p{display: inline-block;align-self: flex-end;}

.presentation{padding:2em 5em;background:#64F7E6}
.presentation article{display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.presentation article:nth-child(2n+1){margin-bottom: 1.25em;font-size:2.5em;line-height:1.25em;}
.presentation article:nth-child(1) h2{font-size: 1em;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;font-weight: bold;text-transform: uppercase}
.presentation article div:nth-child(1){width:33.333%;padding: 1rem 1rem;}
.presentation article div:nth-child(2){width:66.666%;padding:1rem;}
.presentation article:nth-child(2) div{width:33.333%;padding:1rem;font-size:1.25em;line-height:1.25em;}

.presentation.people article div:nth-child(2){width:66.666%;padding:1rem;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
.presentation.people article div:nth-child(2) span:nth-child(1){line-height: 1.25em;width:100%;font-weight: bold;font-size:1.5rem}
.presentation.people article div:nth-child(2) span:nth-child(2){width:100%;font-weight: bold;font-size:2.5rem;text-transform: uppercase}
.presentation.people article div:nth-child(2) span:nth-child(3){line-height: 1.25em;width:100%;font-weight: bold;font-size:1.5rem;text-transform: uppercase}
.presentation.people article div:nth-child(2) span:nth-child(4){width:100%;font-size:1.5rem;margin-bottom:2.5rem;}
.presentation.people article:nth-child(2) div {width: 33.333%;padding: 1rem;font-size: 1.5em;line-height: 1.25em;}
.presentation.people article:nth-child(1) img{width:75%;filter:grayscale(100%) contrast(1.2)}
.presentation.people article:nth-child(1) img:hover{filter:none}

.presentation.event {filter:none;background:#F7DB64}
.presentation.event .screen{height: calc(100vh - 3em);
width: 100%;}
.presentation.event article:nth-child(1) div:nth-child(1){width:33.333%;padding:1rem}
.presentation.event article:nth-child(2) div:nth-child(1) {
  width: 33.333%;
  padding: 1rem;
}
.presentation.event article:nth-child(1) div:nth-child(1) strong {
  text-transform: uppercase;
  font-size: .5em;line-height: 1.25em;
display: inline-block;
}
.presentation.event article div:nth-child(1) date{font-size:1.5rem;line-height:1.25em}
.presentation.event:nth-child(1) article div:nth-child(1){padding: 0;width: calc(100% - 1em);margin-left: 1rem;}

.presentation.event:nth-child(1) article div.legende{width: 100%;padding:0;margin: 0;top:0;left:0;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.presentation.event:nth-child(1) article div.legende div{width:50%;padding:0;}
.presentation.event:nth-child(1) article div.legende div:nth-child(1){width:70%;margin: 0;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
.presentation.event:nth-child(1) article div.legende div:nth-child(2){width:30%;margin: 0;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}

.presentation.event:nth-child(1) article div.legende div date{text-align:right;font-weight:bold;font-size:4rem;line-height:1}
.presentation.event:nth-child(1) article div.legende div date span{text-align:right;font-weight:bold;font-size:5rem;line-height:1;margin-right:.3125em}
.presentation.event:nth-child(1) article div.legende div date:first-child{margin-top: .5em;}
.presentation.event:nth-child(1) article div.legende div h2{margin-top: .125em;font-weight:bold;font-size:4rem;line-height:1em}
.presentation.event:nth-child(1) article div.legende div span{font-weight:bold;font-size:1.5rem;line-height:1.25em}


.partenaires{padding:2em 5em;background:#F7DB64}
.partenaires article{display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.partenaires article:nth-child(1) h2{word-break: break-word;font-weight: bold;text-transform: uppercase;font-size:2em;line-height:1.25em;}
.partenaires article:nth-child(1) div{width:33.333%;padding:1rem;font-size:1.25em;line-height:1.25em;}
.partenaires article:nth-child(1) div.logo{width:100%;padding-left:calc(33.333% + 1rem);}
.partenaires article:nth-child(1) div.logo a{filter:grayscale(100%) contrast(1.2);margin-right:1.5rem;width:6em;height:6em;display: inline-block;background-position: center;background-repeat:no-repeat;background-size:contain}
.contact{padding:3em 5em;background:#fff}
.contact article{display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.contact article:nth-child(1) h2{font-weight: bold;text-transform: uppercase;font-size:2em;line-height:1.25em;}
.contact article:nth-child(1){margin-bottom:2em;}
.contact article:nth-child(1) > div{width:33.333%;padding:1rem;font-size:1.25em;line-height:1.25em;}

.grid ul li:first-child h2{font-size:2em;line-height:1.25em;font-weight: bold;text-transform: uppercase}
.grid.autre ul li:first-child:after{display:none}


.nextprev{padding:2em 5em;text-transform:uppercase;background:#9cfac4;width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.nextprev article{width:50%;padding:1em;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;text-align:center}
.nextprev article:first-child{border-right:.25rem solid}
.nextprev article span{font-weight: bold;text-decoration: none;font-size:1.25em;line-height:1.25em}
.nextprev article span:last-child{margin-top:1.25em}
.nextprev article a{font-weight: bold;text-decoration: none}
.nextprev article a:hover{text-decoration: underline}

.pagination{padding:0 5em 3.5em;width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.pagination div{padding: 1rem;width:100%;text-align: center;font-size: 1.25em;font-weight:bold;}
.pagination div span{padding: 0 .5em;display: inline-block;}
.pagination div span a{text-decoration: none}
.pagination div span a:hover, .pagination div span a.active{text-decoration: underline}

/* Home
-------------------------------------------------- */
.home .screen {height:100vh;filter:grayscale(100%) contrast(1.2);position: relative;}
.home .screen .infos{position:absolute;top:10em;text-align:center;right:5em;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
.home .screen .infos a{text-decoration: none;color:white;font-weight: bold}
.home .screen .infos a:last-child{margin-top:1.25em}

footer{width:100%;background:black;color:white;padding:2em 5em;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
footer section:nth-child(1n){padding:1em;width:66.666%}
footer section:nth-child(2n){padding:1em;width:33.333%;text-align:right}
footer section a:hover{text-decoration:underline}
.newsletter form{font-size:1.5em;line-height:1.25em;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.newsletter form input[type=text]{font-weight:bold;width:75%;background:transparent;color:white;font-size:1.5rem;line-height:1.25em;padding:.5em 0;border-bottom:.125em solid}
.newsletter form input[type=submit]{border-bottom: .125em solid;padding:.5em 0;font-weight:bold;background:transparent;color:white;font-size: 1.5rem;;line-height:1.25em;cursor:pointer}
.newsletter form input[type=submit]:hover{color:grey;border-bottom: .125em solid white;}
.newsletter form.contactform span{width:100%}
.newsletter form.contactform input[type=text]{color:black;border-bottom:.125em solid}
.newsletter form.contactform input[type=submit]{border-bottom: .125em solid;background:transparent;color:black;}
.newsletter form.contactform input[type=submit]:hover{color:grey;border-bottom: .125em solid grey;}

.submitnospace{width:50%}
.newsletter h5{font-weight:bold}
footer section div {font-size: .85em;line-height: 1.25em;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
footer section div span{color:white;font-weight:bold;text-decoration: none;margin-bottom:1.25em;}
footer section div span a{color:white;text-decoration:none} 
footer section div span a:hover{color:white;text-decoration:underline}
footer section div.sociaux{display: -webkit-flex;display: -moz-flex;display: flex;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;justify-content:flex-end;-webkit-align-items: flex-end;align-items:flex-end;-webkit-align-content: flex-end;align-content:flex-end;}
footer section div.sociaux a:nth-child(1){margin-left:1em;margin-bottom:1.25em;width:1.5em;height:1.5em;border:1px solid white;filter:invert(100%);background-image:url(../images/i.svg);background-size:cover;background-repeat:no-repeat}
footer section div.sociaux a:nth-child(2){margin-left:1em;margin-bottom:1.25em;width:1.5em;height:1.5em;border:1px solid white;filter:invert(100%);background-image:url(../images/f.svg);background-size:cover;background-repeat:no-repeat}
footer section div:nth-child(2) {text-align: right;}
footer section:nth-child(3), footer section:nth-child(4) {position:relative;margin-top:2em}
footer section:nth-child(3):before{content: '';
position: absolute;
top: 1.5rem;
display: inline-block;
width: 3em;
height: 3em;
background-image: url(../images/logo_blanc_tyfc.svg);
background-repeat: no-repeat;
background-size: contain;
left: -3rem;}


.error{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(../images/impatience_04.gif);z-index:999}
.error a{position:absolute;right:1.25em;bottom:1.25em;color:white}


/* OPENSTREET MAP
-------------------------------------------------- */
#map_canvas{height:35rem;width:calc(100% - 14rem);margin-left:7.5rem;margin-bottom: 6rem;}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#000!important;font-family:'Raisonne';box-shadow:none!important;font-weight:400;font-size:1em;line-height:1.25em}
.leaflet-popup-content{font-family: 'credac';text-transform:uppercase;margin:1.25em!important;text-align:center;font-weight:400;font-size:1.25em!important;line-height:1.25em!important}
.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:0!important;border:1px solid #000;background:#000!important;color:#fff!important}
.leaflet-teaser a.leaflet-popup-close-button:hover,.leaflet-teaser a.leaflet-popup-close-button{display:none!important}
.leaflet-popup-tip{background:#000!important}
.leaflet-teaser a{color:#fff!important;border:0}
main.institution article div.leaflet-popup-tip-teaser{padding:0}
.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:0!important;border-top-right-radius:0!important}
.leaflet-bar{border-radius:0!important}
.leaflet-top.leaflet-left a{font-family: 'raisonne';color:#000!important}
.leaflet-touch .leaflet-bar{border:1px solid #000!important}
.leaflet-left .leaflet-control {margin-left: 1em;}
.leaflet-top .leaflet-control {margin-top: 1em;}
.leaflet-control-attribution.leaflet-control{display:none!important}


.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

.sstitre{font-weight:normal}


/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.carousel {
  background: #64F7E6;padding:2rem 5em
}

.carousel-cell {position:relative;
   display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;
  width:calc(33.333% + .25rem);;padding:1rem;text-align:center;border-right:.25rem solid
}

.carousel-cell span{font-size:1.5rem;line-height:1.25em;font-weight: bold}
.carousel-cell span:last-child{padding-top:1.25em}
.carousel-cell span a{text-decoration:none}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background:transparent;
  border: none;
  color: #000;
}
.flickity-button svg{
  display:none
}
.flickity-button.flickity-prev-next-button.next{border-top:.25rem solid;border-right:.25rem solid;transform: rotate(45deg);transform-origin: right center;}
.flickity-button.flickity-prev-next-button.previous{border-top:.25rem solid;border-left:.25rem solid;transform: rotate(-45deg);transform-origin: left center;}

.flickity-button:hover {
  background: transparent;opacity:.5;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
}

.flickity-button:active {
  opacity: 1;
}

.flickity-button:disabled {
  opacity: 0;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 2em;
  height: 2em;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 3rem; }
.flickity-prev-next-button.next { right: 3rem; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 1rem;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 1rem;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  display:none
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}



/*--------------------------------------
-   MEDIA QUERIES
---------------------------------------*/

@media only screen and (max-width:1080px){
 header, .grid, footer, .presentation, .partenaires, .contact {
    padding: 2em 1em}
    ul.tags{
    padding: 2em}
   body, h1, h2, h3, h4{line-height:1.25em;font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1920 - 320)));font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

   
}
@media only screen and (max-width:680px){
   body, h1, h2, h3, h4{line-height:1.25em;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 320)));font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

   .presentation.event:nth-child(1) article div.legende div h2 {
 
  font-size: 3rem;
}
   .presentation.event:nth-child(1) article div.legende div {
  width: 100%;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}
   .presentation.event .screen {
  height: calc(50vh - 1em);
}
   .presentation.event:nth-child(1) article div.legende div date {
 text-align: left;
  font-size: 3rem;
}
   .presentation.event:nth-child(1) article div.legende div date span {

  font-size: 3rem;
  line-height: 1;
}
   .presentation.event article div:nth-child(1) {
  width: 100%;
}
   header {position: sticky;
padding: 2em 1em 2em 1em;
top: 0;
left: 0;
z-index: 999;
}
   
   .burger{width: 2em;
height: 1em;
position: absolute;
bottom: -1em;
left: calc(50% - 1em);cursor:pointer}
   .burger b{display:inline-block;width:100%;height:.333em;background:black}
   .burger b:nth-child(1){position:absolute;top:0}
   .burger b:nth-child(2){position:absolute;bottom:0}
   .menu, .languages{display:none}
   .menu.active, .languages.active{display:inline-block}
   header.active{padding: 2em 1em 6em 1em;}
   
   .home .screen {
  height: 50vh;
}
   .home .screen .infos {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);font-size: 1.25em;
}
   header div h1 a {
  font-size: 1.645rem;
  line-height: 1.125em;
}
   header div h1 span {
  width: 2em;top: .25rem;
  height: 2em;
}
   header div h1 a {
  margin-left: 2.3rem;
}
   .grid ul li {
 
  width: 100%;
}
   .grid ul li div {
  font-size: 1.5rem;
}
   
   .partenaires article:nth-child(1) div {
  width: 100%;
}
   .partenaires article:nth-child(1) div.logo {
  width: 100%;
padding-left: 1rem;
}
   #map_canvas {
  height: 50vh;
  width: calc(100% - 5em);
  margin-left: 2.5em;
  margin-bottom: 2rem;
}
   ul.tags li a {
  line-height: 1.5em;
}
   
   .carousel {
  
  padding: 2rem 3rem;
}
   .flickity-prev-next-button.previous {
  left: 1.5rem;
}
   .flickity-prev-next-button.next {
  right: 1.5rem;
}
   .carousel-cell span {
  font-size: 1.25em;
}
   .carousel-cell {
  width: calc(100% + .25rem);border-right: 0;
}
header div:nth-child(2) {
  width: 100%;
  
  margin-top: 2em;
  font-size: .75em;
  margin-left: 2.3rem;
 
}
   header div ul li {
  line-height: 1.25em;
}
   .contact article {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}
   header div.languages {
 width: 100%;
margin-top: 5em;
font-size: .75em;
margin-left: 0;
position: absolute;
top: 23em;
font-size: .75em;display:none
}
   header div.languages.active {
 width: 100%;
margin-top: 5em;
font-size: .75em;
margin-left: 0;
position: absolute;
top: 23em;
font-size: .75em;display:inline-block
}
   header .languages a {
  font-size: 1rem;
  line-height: 1.25em;
}
   header .languages span:nth-child(2) {
  position: absolute;
  left: 2.3rem;
  top: -1.5em;
}
   .contact article:nth-child(1) > div {
  width: 100%;
}
   .grid.fichiers ul li {
  position: relative;
  width: 100%;
}
   .presentation article div:nth-child(1), .presentation article div:nth-child(2), .presentation article div:nth-child(3) {
  width: 100%;
}
   .presentation article:nth-child(2n+1) {
  margin-bottom:0
}
   .presentation.people article:nth-child(1) img {
  width: 100%;
}
   .presentation.people article div:nth-child(2) {
  width: 100%;
}
   .presentation.people article:nth-child(2) div {
  width: 100%;
}
   .partenaires article:nth-child(1) div.logo a {
  width: 100%;
  height: 6em;
  background-size: 50%;
}
   .pagination {
  padding: 0 2em 1.5em;
}
   .grid ul li:last-child {margin-bottom:0
   }
   footer section:nth-child(n) {
  
  width: 100%;
}
   .submitnospace {
  width: 100%;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
   footer section div, footer section div.sociaux {
  font-size: .85em;
  line-height: 1.25em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  align-content: center;
}
   
   footer section div.sociaux a:nth-child(2), footer section div.sociaux a:nth-child(1) {
  margin-left: 0;width:2.5em;height:2.5em;
  margin:0 1.25em 1.25em;
}
footer section div span {
  font-size: 1.5em;
}
   .newsletter h5 {
  width: 100%;
}
   footer section:nth-child(3) {
 padding-left:5em
}
   footer section:nth-child(3)::before {
    top: 1rem;
    left: 1rem;

}
   .grid.fichiers .download .oeil span:nth-child(2) {
  font-weight: bold;
  font-size: 1.125rem;
}
   footer section:nth-child(4) {
  text-align: left;padding-left: 5em;margin-top:0
}
   footer section:nth-child(4) div {
  display:inline-block;margin-top:0
}
   .newsletter form {width: 100%;
}
   .newsletter form input[type="text"] {
  flex: 1;font-size:1.125rem
}
   .newsletter form input[type="submit"] {
  font-size:1.125rem
}
   
  .presentation article:nth-child(2n+1) {
  font-size: 2.125em;
}
   .grid:not(.evenements) ul li:first-child{
 position:relative
}
  
   .grid:not(.evenements) ul li:first-child:after{
 
}
   .grid ul li a {
  font-size: 2em;
  line-height: 1.125em;
      text-overflow: ellipsis; 
    display: block; 
    overflow: hidden; 
    white-space: nowrap;
}
   .a-propos .grid ul li a, .art-public .grid ul li a{
  font-size: 2em;
  line-height: 1.125em;
  text-overflow: ellipsis;
  display: inline-block;
  overflow:auto;
  white-space:normal;
}
   .presentation.event:first-of-type {
  filter: none;
  background: #F7DB64;
  padding: 2em;
}
   .presentation.event article:nth-child(2) div:nth-child(1) {
  width: 100%;
  padding: 1rem;
}
   
   .nextprev {
  padding: 2em 2em;
}
   
   .presentation.event:nth-child(1) article div.legende div:nth-child(1){width:100%;margin: 0;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
.presentation.event:nth-child(1) article div.legende div:nth-child(2){width:100%;margin: 0;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap;}

   
   
}